1、取到 天地图API

1、进入 点击进入天地图官网
2、打开一个你需要使用的地图 如下图打开的是一个墨卡托投影的影像底图
在这里插入图片描述
3、在操作之前先找到一个秘钥,秘钥自己注册即可(点击申请秘钥(key)
4、 在你打开的地图页面触发一下滚动/拖拽 然后看network中会有数据进行查询
查看请求地址如下 先保存这条数据 然后看代码

https://t1.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL=1&TILEROW=6&TILEMATRIX=4&tk=75f0434f240669f4a2df6359275146d2

在这里插入图片描述

2、完整代码

      require(
        [
          "esri/map",
          "esri/layers/WebTiledLayer", 
          "dojo/domReady!",
        ],
        function (
          Map,
          WebTiledLayer, //新增
        ) {
          that.map = new Map("map", {
            showLabels: true,
            logo: false,
            autoResize: true,
            isPinchZoom: true, 
            operator: 1, 
            //此处不设置 basemap
          });
 
			// 使用天地图为底图
			/*
				接上面保存的数据 按照以下的格式进行调整
				明眼人打眼一瞧就能看懂
			*/
          var layer = WebTiledLayer(
            "https://${subDomain}.tianditu.gov.cn/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILECOL=${col}&TILEROW=${row}&TILEMATRIX=${level}&tk=你的秘钥",
             {
               subDomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
             }
          );
          that.map.addLayer(layer);
        }
      );
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐