arcgis js 怎么切换底图

在ArcGIS JavaScript API中，可以使用BasemapGallery或BasemapToggle小部件来切换底图。

使用BasemapGallery小部件：

导入BasemapGallery模块：

require([
  "esri/widgets/BasemapGallery"
], function(BasemapGallery) {
  // 代码放在这里
});

创建BasemapGallery实例，并将其添加到地图视图中：

var basemapGallery = new BasemapGallery({
  view: view
});
view.ui.add(basemapGallery, "top-right");

监听BasemapGallery的load事件，以便在加载完底图库后执行操作：

basemapGallery.on("load", function() {
  // 代码放在这里
});

使用get方法获取BasemapGallery中的所有底图，并将其添加到下拉菜单或其他UI元素中：

var basemaps = basemapGallery.get("items");
basemaps.forEach(function(basemap) {
  // 将basemap添加到UI元素中
});

在UI元素的change事件处理程序中，根据所选底图的id或索引来更改地图的底图：

uiElement.addEventListener("change", function(event) {
  var selectedBasemapId = event.target.value;
  // 切换地图的底图
  view.map.basemap = selectedBasemapId;
});

使用BasemapToggle小部件：

导入BasemapToggle模块：

require([
  "esri/widgets/BasemapToggle"
], function(BasemapToggle) {
  // 代码放在这里
});

创建BasemapToggle实例，并将其添加到地图视图中：

var basemapToggle = new BasemapToggle({
  view: view,
  nextBasemap: "topo" // 下一个底图的id
});
view.ui.add(basemapToggle, "top-right");

BasemapToggle小部件已经处理了底图切换的逻辑，无需编写额外的代码。

以上是使用ArcGIS JavaScript API切换底图的两种常用方法