arcgis 4.x 入门学习一

vip888

本文介绍vue的环境配置以及 api地址

1. 环境配置
1.插件安装
vue环境下的arcgis引入需要使用特殊的插件（原因是request不兼容）
npm下载方式 npm i esri-loader
使用方式

import { loadCss, loadModules } from "esri-loader";

loadCss("地图服务的css引入地址")


loadModules([
    "esri/Map",    //数组为arcgis工具类的加载路径
    "esri/views/SceneView"    

],{
    url: "地图服务的api地址"    

}).then((argu)=>{
    // 回调函数和3.x版本有一定的区别，是采用的下标导入的
    var Map = argu[0];
    var View = argu[1];

// 创建需要的实例对象
var map = new Map({
     //这里是服务底图  arcgis内置了很多服务 详情去找api里面看
     basemap: "satellite"   
});

// 地图底图加载完毕之后事件  就是球出来了很有用的回调函数
map.basemap.load().then((e)=>{
  // 加载底图成功之后
  this.onloadMap(this.view);
})    

var view = new View({
      map: map,              // 这个就是上面的地图对象
      container: element_id,  // 这个是dom的id或者是dom.. 
      scale: 50000000,         //这个不用在意
});
})