Arcgis for js 使用 天地图作为底图

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);
        }
      );
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Web_Lys

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值