html加载天地图js4.0

需要在天地图注册并新建应用,选择浏览器端,域名白名单可以不填,默认支持所有域名

下方是官方代码。

http://lbs.tianditu.gov.cn/api/js4.0/examples.html 这是天地图js4.0的示例地址

<!DOCTYPE html>
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta name="keywords" content="天地图"/><title>天地图-地图API-范例-经纬度直投地图</title><script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=您的密钥"></script><style type="text/css">body,html{width:100%;height:100%;margin:0;font-family:"Microsoft YaHei"}#mapDiv{width:100%;height:400px}input,b,p{margin-left:5px;font-size:14px}</style><script>var map;var zoom = 12;function onLoad() {map = new T.Map('mapDiv', {projection: 'EPSG:4326'});map.centerAndZoom(new T.LngLat(116.40769, 39.89945), zoom);}</script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv"></div>
<p>本示例演示如何显示经纬度直投地图。</p>
</body>
</html>

天地图一,加载天地图。相关推荐

  1. ol xyz 加载天地图_OpenLayers加载天地图方法——WMTS和XYZ

    1.ol.layer.Tile及数据源类结构 openlayers中,图层(layer)不可缺少的组成部分是数据源(source),天地图是切片的数据服务,对应的图层是ol.layer.Tile,下图 ...

  2. 超图 iDesktop 加载天地图

    超图 iDesktop 加载天地图 桌面加载天地图流程 1. 申请服务器端的 token 2. 检测 url 可用性 3. iDesktop/iDesktopX 二维地图加载天地图 4. iDeskt ...

  3. osgEarth3.0 加载天地图

    2.8版本里面有个xyz图层的例子,稍作修改就可以加载天地图的影像图层.在3.0版本中,XYZ , bing 等图层已经被移植到内核中.所以我们直接用XYZ图层来加载天地图即可 XYZImageLay ...

  4. 基于ArcGIS API for JavaScript加载天地图

    文章目录 前言 效果图 详细代码 总结 参考链接 前言 该篇主要介绍如何用ArcGIS JS API加载天地图,具体应用场景以及需求分析等,在上篇基于ArcGIS API for JavaScript ...

  5. Vue+Openlayers实现加载天地图WMTS服务显示

    场景 Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图: Vue中使用Openlayers加载OSM(Open Street Map)显示街道地图_BADAO_ ...

  6. arcgis加载天地图_ArcGIS Runtime SDK for Android100.5.0端加载天地图服务

    点击图片上方蓝色字体GIS点滴即可订阅 我们都知道,天地图服务的调用都需要获取授权.在这种模式下,之前通过WebTiledLayer加载的方式在Android端就无法显示了,由下图可知,虽然正确发送了 ...

  7. (转载)arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。...

    1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS ...

  8. (转)Openlayers 2.X加载天地图

    http://blog.csdn.net/gisshixisheng/article/details/44621923 概述: 在前面的章节,讲到了Arcgis for js加载天地图,在本节讲述如何 ...

  9. (转)Arcgis for js加载天地图

    http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切 ...

  10. 天地图专题一:加载天地图

    最近公司的项目到了尾声.总结一下项目中的一些技术.其中有涉及到天地图的部分. 类似百度地图,google地图. 我们要用一些它的公共接口,实现一些我们的效果.  比如在地图上显示我们的设备的位置,范围 ...

最新文章

  1. 大规模神经网络最新文献综述:训练高效DNN、节省内存使用、优化器设计
  2. 微信搜一搜在线检索技术演进复盘
  3. 4000字,25张精美交互图表,开启Plotly Express之旅!
  4. mysql存中文_mysql数据库存储中文数据的解决办法
  5. 常用 API 函数(7): 位图、图标和光栅运算函数
  6. 2018自然语言处理与机器学习论文发表统计
  7. 1、和一定时找数组中的两个数
  8. Seay源代码审计系统
  9. 服务器宝塔是什么意思?
  10. Sublime 安装Boxy + OmniMarkupPreviewer
  11. Mac必备开源鼠标手势软件 MacStroke
  12. 学习WEB前端第四天(3)-背景图像
  13. 计算机科学学院凤凰院徽,数学科学学院院徽、院训展示
  14. 神秘美丽的陨石:蜂窝黄金发光晶体
  15. SVC和视频通信 ——用于实时多方视频的可伸缩视频编码技术
  16. 谈下微软企业生产力大学的Sharepoint Service 2010 的3天培训
  17. 【Unity】Zip压缩 解压 文件介绍
  18. 万万想不到 10行代码搞定一个决策树
  19. 打印过的准考证电脑上有存档吗
  20. 远程启动UFT/QTP 注意事项

热门文章

  1. 腾讯-产品经理能力模型(转)
  2. 求100至200间的全部素数。
  3. python中保留两位小数
  4. ​360搜索下拉词框跟相关搜索算法原理是什么?如何做360下拉推广?​
  5. Problem 1009 - 小红帽
  6. 典型J2EE系统架构图,该图为了自己使用而创建,如有什么不当的地方还请高手们指正,谢谢!
  7. 难以承受之痛的背后——致QQ用户的第二封信
  8. 围棋棋盘怎么编程python_python3 turtle 画围棋棋盘
  9. Go Ahead, Throw That Practice Out
  10. Linux 中查看已安装的磁盘驱动器清单技巧