vue + ceisum加载高德地图各个类型地图

 高德地图其他类型地图

高德地图(卫片)："http://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",
道路纯图:"https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x=54658&y=26799&z=16&scl=1&ltype=2"
道路详图:"http://webrd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scale=1&style=8"
道路简图:"http://webrd01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&size=1&scale=1&style=7"
纯道路图(路网)："https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8&ltype=11",
纯地标图(地名)："https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8&ltype=4"
路网加地名:"https://webst01.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}"
矢量切片风格(常见)："http://webrd01.is.autonavi.com/appmaptile?&scale=1&lang=zh_cn&style=8&x={x}&y={y}&z={z}"
路网注记图："http://webst01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&lang=zh_cn&size=1&scale=1&style=8"
影像图:"https://webst01.is.autonavi.com/appmaptile?x=54658&y=26799&z=16&style=6"

 通过cesium加载高德地图卫片以及纯地标图（地名）

 Cesium.Ion.defaultAccessToken =    "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3ZGRiMjUzZS1jZWNlLTRjMDYtODU5Mi05MjNiZDRjOGUwNTIiLCJpZCI6NDMxMDUsImlhdCI6MTY0NjI3MDQ2M30.ZH81WWILiz6RytEPHTdeRV-_Au5QuYN6JzJ8LsNqzLw";
      var map = new Cesium.Viewer("map-container", {
        infoBox: false,
        baseLayerPicker: false, // 是否显示图层选择器
        selectionIndicator: false,
        animation: false, // 是否创建动画小器件，左下角仪表
        geocoder: false, // 是否显示geocoder小器件，右上角查询按钮
        homeButton: false, // 是否显示Home按钮
        sceneModePicker: false, // 是否显示3D/2D选择器
        timeline: false, // 是否显示时间轴
        navigationHelpButton: false, // 是否显示右上角的帮助按钮
        fullscreenButton: false, // 右下角的全屏按钮
        terrainProvider: Cesium.createWorldTerrain(),
        shouldAnimate: true,
        orderIndependentTranslucency: false,
        contextOptions: {
          webgl: {
            alpha: true,
          },
        },
        // 添加基础地图
        imageryProvider: new Cesium.UrlTemplateImageryProvider({
          url: "http://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}",  //高德地图(卫片) 
          minimumLevel: 1,
          maximumLevel: 18,
        }),
      });
      // 在基础地图上添加地图
      var imaglyser = new Cesium.ImageryLayer(
        new Cesium.UrlTemplateImageryProvider({
          url: "https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8&ltype=4",  // 纯地标图(地名)
          minimumLevel: 1,
          maximumLevel: 18,
        })
      );
      map.imageryLayers.add(imaglyser);
      map.camera.flyTo({               // 地图定位到指定位置
        destination: Cesium.Cartesian3.fromDegrees(
          118.48653672087,
          36.690416508705,
          10000
        ), // 相机位置 不是地图位置
        // 相机的姿态
        orientation: {
          heading: Cesium.Math.toRadians(0.0), // 朝向
          pitch: Cesium.Math.toRadians(-90), // 俯视角 默认-90 垂直向下
          roll: 0.0,
        },
        duration: 0,
      });