天地图默认为卫星图包括地名标记方法,天地图添加各类注记或图层方法
- 通过官网的介绍,天地图默认是加载矢量图的,那么当我们默认使用影像底图的时候只有影像底图,没有地名注记,开发文档没有明确说明如何添加,经过个人理解,可以通过下面的方法添加注记。
- 根据地图API定义图层服务地址url
// 影像底图urlconst imageURL = "http://t0.tianditu.gov.cn/img_w/wmts?" +"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}" +"&tk=您的密钥";// 影像注记url const imageURLT = "http://t0.tianditu.gov.cn/cia_w/wmts?" +"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}" +"&tk=您的密钥";
如果需要用到其它服务图层url,请注意把url地址中的LAYER=xxx修改,xxx为请求服务图层类型,包括:
LAYER | 类型 |
---|---|
vec | 矢量底图 |
cva | 矢量注记 |
img | 影像底图 |
cia | 影像注记 |
ter | 地形晕渲 |
cta | 地形注记 |
ibo | 全球境界 |
eva | 矢量英文注记 |
eia | 影像英文注记 |
- 通过TileLayer构造函数构造TileLayer类
// 影像底图图层
const lay = new T.TileLayer(imageURL, { minZoom: 6, maxZoom: 18 });
// 影像注记图层
const lay2 = new T.TileLayer(imageURLT, { minZoom: 6, maxZoom: 18 });
- 将定义的图层放入图层组,图层组索引越大图层越靠顶层,然后把图层组layers添加至地图,创建地图实例,完成地图实例创建。
const config = { layers: [lay, lay2] };
this.map = new T.Map('yzMap', config);
- 完整代码
const imageURL = "http://t0.tianditu.gov.cn/img_w/wmts?" +"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}" +"&tk=您的密钥";const imageURLT = "http://t0.tianditu.gov.cn/cia_w/wmts?" +"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}" +"&tk=您的密钥";const lay = new T.TileLayer(imageURL, { minZoom: 6, maxZoom: 18 });const lay2 = new T.TileLayer(imageURLT, { minZoom: 6, maxZoom: 18 });const config = { layers: [lay, lay2] };this.map = new T.Map('yzMap', config);this.map.centerAndZoom(new T.LngLat(110.15114, 22.6281), 11);
默认显示卫星图效果图:
还有一种方法可直接调用控件函数加入卫星地图类型进行默认卫星图的渲染,但是会渲染两份底图,代码如下:
this.map.addControl(window.TMAP_HYBRID_MAP);
常量 描述
TMAP_NORMAL_MAP 此地图类型展示普通街道视图。
TMAP_SATELLITE_MAP 此地图类型展示卫星视图。
TMAP_HYBRID_MAP 此地图类型展示卫星和路网的混合视图。
TMAP_TERRAIN_MAP 此地图类型展示地形视图。
TMAP_TERRAIN_HYBRID_MAP 此地图类型展示地形和路网的混合视图。
天地图默认为卫星图包括地名标记方法,天地图添加各类注记或图层方法相关推荐
- 常见卫星图源下载教程
文章目录 一.引言 二.在线地图源是简介 三.常见地信软件如何浏览与下载图源? (1)QGIS (2)arcgis pro (3)arcgis 四.各个图源的具体下载方法 (1)Google Eart ...
- 如何下载吉林省卫星图高清版大图
如何下载吉林省卫星图高清版大图 吉林省行政区域简介 吉林,地处中国东北中部,东北亚地理中心,因清初建吉林乌拉城而得名,简称"吉",省会长春,原省会吉林市.地跨东经121°38′-1 ...
- 【GIS工具】谷歌卫星图下载工具之再聊坐标问题
按照设想,在poi加载工具之后,围绕三调转换和调研的基础工具就差卫星图了,所以就开始了写这个工具,但各种坐标之间的转换问题一直都没有一个满意的解决办法,先发一个版本,以后再更新! 1.聊UTM坐标系 ...
- Mission planner加载天地图(混合卫星地图含标注)
国内某些地方,高德卫星地图更新的时间比较慢,例如郊区(城区还是很新的,跟google地图一样),天地图,卫星地图整体更新很慢,但是**郊区会同步更新.两个地图各有千秋(虽然最好的还是谷歌地图,基本上都 ...
- 【百度地图API】百度API卫星图使用方法和卫星图对比工具
百度地图API推出卫星图接口也有一个月啦~ 本文除了介绍如何使用百度地图API来操作卫星图外,还顺带制作了个卫星图对比工具. 一.百度地图API卫星图 调用百度卫星图有两种方式,一是地图类型控件,一是 ...
- 卫星图瓦片爬取之google卫星图偏移的问题
工具箱做了一个卫星图瓦片爬取工具,本来一切很顺利,天地图顺利解决,然后发现谷歌卫星图偏移很大啊. 爬取的18级天地图如下,与三调用地范围一致 爬取的谷歌卫星图如下,向西北偏移了有500米. 在CSDN ...
- 如何从卫星图中提取水系数据
01 概述 相信大家之前有看过很多通过电子地图提取水系的教程,该方法虽然可以提取水系,但是有一定的限制,如果在一些比较偏远的地方,电子地图上没有水系数据就无法提取,存在一定的局限性,之前已经为大家介绍 ...
- 百度地图 点击地图类型控件切换普通地图、卫星图、三维图、混合图(卫星图+路网),右下角是缩略图
百度地图 点击地图类型控件切换普通地图.卫星图.三维图.混合图(卫星图+路网),右下角是缩略图 <!DOCTYPE html> <html> <head> < ...
- 百度地图:加强篇(交通图、卫星图的实现)
什么是地图图层 地图可以包含一个或多个图层,每个图层在每个级别都是由若干个图块组成的,它们覆盖了地图的整个表面.例如您所看到包括街道.兴趣点.学校.公园等内容的地图展现就是一个图层,另外交通流量的展现 ...
最新文章
- 理解与使用Javascript中的回调函数
- java 配置信息_[Java教程]java 配置信息类 Properties 的简单使用
- WebHttpBinding的流传输模式让我头大了
- react(96)--switch做判断
- leecode5 最长回文子串
- 高中学生计算机软件,中学生计算器
- linux关机_Linux中shutdown,halt,poweroff,init 0区别
- android开发之AsyncTask的用法
- c# 用正则表达式获取开始和结束字符串中间的值
- Linux基础命令及其常识
- TensorFlow 安装
- C++动态连接库动态加载
- Python让繁琐工作自动化——chapter14 处理CSV和JSON数据
- Java关于抽象类是否可以实例化问题
- php不使用第三个参数交换两个变量的值,交换两个变量的值,不使用第三个变量。即a=3,b=5,交换之后a=5,b=3; 有两种解法, 一种用算术算法,...
- NVIDIA针对大规模数据分析和机器学习推出RAPIDS开源GPU加速平台!
- 上交大计算机在职研究生学费,交大在职研究生学费
- LeetCode 1905. 统计子岛屿
- netcat使用总结
- 多商户商城系统方案分析