cesium加载天地图影像图和天地图影像图注记

最新推荐文章于 2024-04-10 11:18:41 发布

hundred83

最新推荐文章于 2024-04-10 11:18:41 发布

阅读量956

点赞数 8

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_62186125/article/details/135643629

版权

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,
          },
        },
      });
      var TDU_Key = "0cc22d450bf67b7abb13e0e90ea233ae"; // 天地图申请的密钥
      // 在线天地图影像服务
      var TDT_IMG_W =
        "http://{s}.tianditu.gov.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0" +
        "&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +
        "&style=default&format=tiles&tk=" +
        TDU_Key;
      //在线天地图影像中文标记服务(墨卡托投影)
      var TDT_CIA_W =
        "http://{s}.tianditu.gov.cn/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0" +
        "&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}" +
        "&style=default.jpg&tk=" +
        TDU_Key;
      const Img = new Cesium.WebMapTileServiceImageryProvider({
        // 调用影像地图中文服务
        url: TDT_IMG_W, // url地址
        layer: "img_w", // WMTS请求的层名称
        style: "default", // WMTS请求的样式名称
        format: "tiles", // MIME类型，用于从服务器检索图像
        tileMatrixSetID: "GoogleMapsCompatible", //	用于WMTS请求的TileMatrixSet的标识符
        subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"], // 天地图8个服务器
        minimumLevel: 0, // 最小层级
        maximumLevel: 18, // 最大层级
      });
      this.map.imageryLayers.addImageryProvider(Img);
      this.map.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          // 影像注记
          url: TDT_CIA_W,
          subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
          layer: "cia_w",
          style: "default",
          format: "image/jpeg",
          tileMatrixSetID: "GoogleMapsCompatible",
        })
      );
      this.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,
      });