arcgis 4.x 入门学习一 (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,         //这个不用在意
    });


})

这样一来 地图加载就成功了;

 

2. api地址

　　https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-GraphicsLayer.html

 

3. 搜索方法

       

 

 点击查询  或者  根据左侧的分类进行查看