用于在ArcGIS API 4.x中更改底图的菜单

在ArcGIS API 4.x中，可以通过以下步骤来更改底图的菜单：

首先，需要创建一个地图对象，可以使用Map类来实现。地图对象是ArcGIS API中的核心对象，用于显示地图数据。

var map = new Map({
  basemap: "streets" // 设置默认底图
});

接下来，可以创建一个视图对象，用于在网页上显示地图。可以使用MapView类来实现。

var view = new MapView({
  container: "viewDiv", // 指定地图显示的容器
  map: map // 指定要显示的地图对象
});

然后，可以创建一个底图切换的菜单。可以使用HTML和CSS来创建菜单，并使用JavaScript来处理菜单的点击事件。

<div id="basemapMenu">
  <button id="streetsBtn">街道地图</button>
  <button id="satelliteBtn">卫星地图</button>
  <button id="topoBtn">地形地图</button>
</div>

#basemapMenu {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9999;
}

#basemapMenu button {
  margin-bottom: 5px;
}

var streetsBtn = document.getElementById("streetsBtn");
var satelliteBtn = document.getElementById("satelliteBtn");
var topoBtn = document.getElementById("topoBtn");

streetsBtn.addEventListener("click", function() {
  map.basemap = "streets";
});

satelliteBtn.addEventListener("click", function() {
  map.basemap = "satellite";
});

topoBtn.addEventListener("click", function() {
  map.basemap = "topo";
});

在上述代码中，通过点击不同的按钮来更改地图的底图。当点击按钮时，通过修改地图对象的basemap属性来切换底图。