ArcGIS API for JavaScript——切换basemap

1、basemap的资源（主要是官方资源）

https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html#basemap

2、利用basemapgallery切换底图

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html

3、自己写一个切换底图的方法

<template>
  <div id="viewDiv">
      <div id="el-select">
          <el-select v-model="value" placeholder="请选择" @change="basemapChange">
            <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
      </div>  
  </div>
</template>
<script>
/*
切换地图底图
*/
import EsriConfig from "@arcgis/core/config";
import Map from "@arcgis/core/Map";
import SceneView from "@arcgis/core/views/SceneView";
export default {
  name: "test003",
  data() {
    return {
      options: [
        {
          value: "topo",
          label: "topo"
        },
        {
          value: "streets",
          label: "streets"
        },
        {
          value: "dark-gray",
          label: "dark-gray"
        },
        {
          value: "osm",
          label: "osm"
        },
        {
          value: "oceans",
          label: "海洋"
        }
      ],
      value: "",
      view:null
    };
  },
  methods: {
    init() {
      EsriConfig.apiKey =
        "your api key";
      const map = new Map({
        basemap: "oceans"
      });
      this.view = new SceneView({
        map: map,
        container: "viewDiv"
      });
      this.view.ui.add("el-select", "top-right");
    },
    basemapChange(value){
        console.log(value)
        this.view.map.basemap=value
    }
  },
  mounted() {
    this.init();
  }
};
</script>
<style scoped>
#viewDiv {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
</style>