arcgis api for javascript 初步实践

实现一个最基础的功能，能够展示底图

部署

需要下载对应的 arcgis api for javascript ，并且使用时需要注意版本问题，3.x 与 4.x 不是一个分支的，区别较大；或者公司有部署好的；或者直接利用官网的例子上的
这一步可以参考官网详解

实现

• html 引入

<link rel="stylesheet" href="https://js.arcgis.com/4.19/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.19/"></script>

• js

// 可以看出用模块化用了 requirejs
// 使用了 MVVM 模式，Model-View-ViewModel
require(["esri/Map", "esri/views/MapView"], (Locator, Map, MapView) => {
        // Create the Map    
        const map = new Map({
          basemap: "streets-navigation-vector"
        });

        // Create the MapView  ViewModel层
        const view = new MapView({
          container: "viewDiv",
          map: map,
          center: [-71.6899, 43.7598],
          zoom: 12
        });

      });

引入本地的 Layer

配置如下：

var dojoConfig = {
        parseOnLoad: true,
        packages: [{
            name: "src",
            location: location.pathname.replace(/\/[^/]+$/, "")+"/arcgis"
        }]
    };
require(["src/gaodeMapLayer",
        "src/gaodeImageLayer"
], function (Map, gaodeMapLayer, gaodeImageLayer) {
  // ......
})

在 html 同级页面下面 ，创建 arcgis 文件夹，然后将 gaodeMapLayer.js、gaodeImageLayer.js 放入即可。

求赞~~_求鼓励~~
以上仅供学习，如有问题，请联系删除！！！