supMap加载天地图
由于2019年1月1日起天地图API及服务接口调用都需要获得开发授权,所以必须得先在“国家地理信息公共服务平台”(https://www.tianditu.gov.cn)申请一个key才可以使用。
下面是通过超图的SuperMap来创建示例:
//如果不知道请求参数的值是什么,可以通过平台中的示例,然后F12控制台来查看请求的参数
tiandituLayer = new SuperMap.Layer.WMTS({name:"天地图",url:"http://t0.tianditu.gov.cn/img_c/wmts?tk=1fa3b49702dd39176bc699d93b408f24",/** layer这个参数与请求地址中的 " http://t0.tianditu.gov.cn/img_c/wmts?tk=密钥 "中的img_c中的img相对应,相应的,天地图API中的请求资源的layer也需要与请求资源中地址中的对应。*/layer:"img", style:"default",matrixSet:"c",//tiles,固定format:"tiles",opacity:1,requestEncoding:"kvp"}
);
下面是html代码:
<!DOCTYPE html>
<html lang="en">
<!-- 超图 -->
<script type="text/javascript" src="../extends/superMap/libs/SuperMap.Include.js"></script>
<head><meta charset="UTF-8"><title>SuperMap创建天地图示例</title>
</head>
<body onload="initSuperMap()"><div id="map" style="width:700px;height:700px;"></div>
</body>
<script type="text/javascript">var map, tiandituLayer, tiandituLableLayer ;var layers = [];//地图初始化function initSuperMap(){//初始化地图map = new SuperMap.Map("map", {controls:[new SuperMap.Control.Navigation(),//随鼠标事件的地图浏览//new SuperMap.Control.Zoom(),//缩放类图标,默认地图左上角new SuperMap.Control.LayerSwitcher(),//图层选择控件,默认地图右上角new SuperMap.Control.ScaleLine(), //比例尺控件,默认地图左下角],theme:null, //加载的主题风格的CSS文件的相对路径allOverlays : true, //地图所有图层都被当做叠加图层来使用/** 下面两个参数maxScale和minScale,注意设置比例尺的大小,如果设置过小或过大,地图都会不显示,提示“此级别无影像,请放大或缩小地图后再浏览”*///maxScale : 95251.7247453672,//minScale : 5184.243631052,})tiandituLayer = new SuperMap.Layer.WMTS({name:"天地图",url:"http://t0.tianditu.gov.cn/img_c/wmts?tk=1fa3b49702dd39176bc699d93b408f24",layer:"img",style:"default",matrixSet:"c",format:"tiles",opacity:1,requestEncoding:"kvp"});tiandituLableLayer = new SuperMap.Layer.WMTS({name:"地址",url:"http://t0.tianditu.gov.cn/cia_c/wmts?tk=1fa3b49702dd39176bc699d93b408f24",layer:"cia",isBaseLayer: true,style:"default",matrixSet:"c",format:"tiles",opacity:1,requestEncoding:"kvp"});layers.push(tiandituLayer);layers.push(tiandituLableLayer);map.addLayers(layers);map.setCenter(new SuperMap.LonLat(111.032808, 21.617038), 9);}
</script>
</html>
supMap加载天地图相关推荐
- osgEarth3.0 加载天地图
2.8版本里面有个xyz图层的例子,稍作修改就可以加载天地图的影像图层.在3.0版本中,XYZ , bing 等图层已经被移植到内核中.所以我们直接用XYZ图层来加载天地图即可 XYZImageLay ...
- 基于ArcGIS API for JavaScript加载天地图
文章目录 前言 效果图 详细代码 总结 参考链接 前言 该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...
- Vue+Openlayers实现加载天地图WMTS服务显示
场景 Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图: Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图_BADAO_ ...
- ol xyz 加载天地图_OpenLayers加载天地图方法——WMTS和XYZ
1.ol.layer.Tile及数据源类结构 openlayers中,图层(layer)不可缺少的组成部分是数据源(source),天地图是切片的数据服务,对应的图层是ol.layer.Tile,下图 ...
- (转载)arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。...
1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS ...
- (转)Openlayers 2.X加载天地图
http://blog.csdn.net/gisshixisheng/article/details/44621923 概述: 在前面的章节,讲到了Arcgis for js加载天地图,在本节讲述如何 ...
- (转)Arcgis for js加载天地图
http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切 ...
- 天地图专题一:加载天地图
最近公司的项目到了尾声.总结一下项目中的一些技术.其中有涉及到天地图的部分. 类似百度地图,google地图. 我们要用一些它的公共接口,实现一些我们的效果. 比如在地图上显示我们的设备的位置,范围 ...
- 【ArcGis for javascript从零开始】之一 ArcGis加载天地图
最近做项目需要用到ArcGis来进行数据展示和数据分析.以前从来没有接触过与Gis有关的东西,一切需要从头开始学.没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习的路径进行记录.Ar ...
- 填坑 ---- arcgis api for javascript 加载天地图
写在前面 首先要感谢 arcgis api for javascript 加载天地图 这篇文章,帮助我完成了在网页中加载天地图. 在此就不再描述加载天地图的方法与过程,只记录我遇到的一个坑与填坑方法. ...
最新文章
- 图像复原的神经网络稀疏表示
- mysql gtid 开启失败,master--1.1.3-SNAPSHOT版本,启用GTID,启动失败
- python写服务器端qt客户端_python写一些简单的tcp服务器和客户端
- 修改element默认样式_ggplot2作图:修改主题元素的外观样式(整体修改)
- 复旦大学邱锡鹏教授团队:Transformer最新综述
- 【mysql基础知识】解决java连接mysql时将localhost改为本机的ip地址后失败问题
- 【Python 脚本报错】AttributeError: 'module 'yyy' has no attribute 'xxx'的解决方法
- html中调用javascript函数,如何在HTML中调用JavaScript函数
- python3视频教学_Python3入门基础视频课程(下)
- VBA每日一练(10)range.end() 或 cells().end() 用法,偏移 且 查找非空单元格,取最大最小行列数
- c# opengl tao
- tunel凋亡试剂盒说明书_QIA33 TUNEL显色法细胞凋亡检测试剂盒使用说明书_Merck
- PHP 日本商标查询,文字商标查询是否侵权
- 18、ListView显示图片
- 翻译app上的图片文字信息提取好神奇?如何实现一个文字图片识别程序
- 4-9-6 tf.keras入门(附带复现cvpr论文流程与代码)
- 南方CASS11.0.0.8最新版安装教程附下载地址
- Java Maven项目文件红叉叉(The compiler compliance specified is 1.6 but a JRE 1.8 is used) java编译报错
- 自动设置IP地址的BAT
- 代理ip究竟有什么作用?