vue项目中使用arcGIS

参考GitHub：github.com/Esri/jsapi-…

环境：
vue：3+
node：14.17.4
npm：6.14.14

npm安装ArcGIS

npm install @arcgis/core

导入模块（两个核心模块[ Map & WebMap ][ MapView ]）

import Map from "@arcgis/core/Map";
//import WebMap from "@arcgis/core/WebMap";
import MapView from "@arcgis/core/views/MapView";
//导入样式(必须！！！)
import "@arcgis/core/assets/esri/css/main.css";

/*
*导入配置文件（非必须）
*import esriConfig from "@arcgis/core/config";
*esriConfig.assetsPath = "/[地图服务路径]/";
*/

实例化地图Map（自定义图层的方式）

   let arcgisMap = ref(null)
   let arcgisMapView = ref(null)
   onMounted(() => {
      arcgisMap = new Map({
        layers: [myTileLayer] //myTileLayer是一个地图服务的链接
      });
     arcgisMapView = new MapView({
        container: "viewMap",  //viewMaps是一个el容器
        map: arcgisMap,
        center: [114.554641, 23.113966], // longitude, latitude
        zoom: 10, //16
      });
   })