如何使用 jQuery 更新 ArcGIS API for JS 底图

Question

有人可以让我知道是否可以使用 jQuery

更新 ArcGIS API 底图

这是我试过的

HTML

<select id="base-map-options">
   <option value="0">Imagery</option>
   <option value="1">Topographic With Lable</option>
</select>

   var map;
   var basemap = ['topo','streets','imagarey']
        require([
        "esri/map",
        "esri/layers/ArcGISDynamicMapServiceLayer",
        "dojo/domReady!"
        ], function(Map) {
                            map = new Map("mapDiv", {
                            center: [-126.687482, 54.793577],
                            zoom: 5,
                            basemap: basemap[0]
      });

   $("#base-map-options").on("change", function () {
       basemap[$('option:selected').val()];
    });
});

如您所见，我正在尝试通过

更新 basemap[] 中的选定索引

   $("#base-map-options").on("change", function () {
       basemap[$('option:selected').val()];
    });

但我不知道如何将它绑定到 map 对象的 basemap 属性？

Answer 1

使用地图 class 提供的 setBasemap 功能。

$("#base-map-options").on("change", function () {
    map.setBasemap(basemap[$('option:selected').val()]);
});

如何使用 jQuery 更新 ArcGIS API for JS 底图

How to Update Basemap Of ArcGIS API for JS Using jQuery

jquery

dojo

arcgis-js-api