vue2 + 使用arcgis 加载星球地图影像图及影像注记

1、打开星图地球数据云：https://datacloud.geovisearth.com

2、点击右上角的登录，可用微信扫码直接登录，也可注册账号登录。

3、登陆完成后，可点击右上角的控制台，进行开发者认证，可选择免费开通个人或企业认证。个人和企业认证的区别就是企业能够免费获取500万次/日请求调用额度，个人相对要少一些，如果调用比较多的建议采用企业认证，一般用户个人认证就能满足了。

4、完成认证后在控制台>我的应用下面有个静态token应用，这个token值在arcgis引用的时候会用到。

_createMapView() {

      let options = {

        url: "https://js.arcgis.com/4.26/",

        css: "https://js.arcgis.com/4.26/esri/themes/dark/main.css",

      };

      loadModules(

        [

          "esri/Map",

          "esri/views/MapView",

          "esri/layers/WebTileLayer",

        ],

        options

      ).then(([Map, MapView, WebTileLayer]) => {

        // 这个就是上边默认生成的静态token，使用这个就可以

        let token =

          "039c49780794df8379ed3f5cddd81a4e339b1c0556b87b7b09b84b0eeb170b05";

        // 加载影像地图

        var tiledLayer = new WebTileLayer({

          urlTemplate:

            "https://tiles{subDomain}.geovisearth.com/base/v1/img/{z}/{x}/{y}?format=webp&token=" +

            token,

          subDomains: ["1", "2", "3"], // 与 Cesium 的 subdomains 类似，替换为实际的子域

          // id: "天地图影像",

        });

        // 加载注记

        var tiledLayer_poi = new WebTileLayer({

          urlTemplate:

            "https://tiles{subDomain}.geovisearth.com/base/v1/cia/{z}/{x}/{y}?format=webp&token=" +

            token,

          subDomains: ["1", "2", "3"], // 与 Cesium 的 subdomains 类似，替换为实际的子域

        });

        // 地图

        this.map = new Map({

          basemap: {

            baseLayers: [tiledLayer, tiledLayer_poi],

          },

        });

        this.view = new MapView({

          container: "viewDiv",

          map: this.map,

          zoom: 19,

          center: [109.683853, 34.98697],

          constraints: {

            lods: lodsView,

            minZoom: 13,

            maxZoom: 23,

          },

        });

      });

    },