本地开发加载天地图

最新推荐文章于 2024-09-12 11:18:00 发布

我是大头鸟

最新推荐文章于 2024-09-12 11:18:00 发布

阅读量3.8k

点赞数

分类专栏： HTML 文章标签：天地图

本文链接：https://blog.csdn.net/datouniao1/article/details/86672626

版权

HTML 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

首先到天地图控制台申请一个key:

如果是本地测试，那么对应的白名单设置为null

第二步:使用key，加载天地图:


<!DOCTYPE html>
<html style="width:100%;height:100%;margin:0;font-family:Microsoft YaHei;">
<head>
<meta charset="utf-8" />
<title>天地图应用</title>
<script language="javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=**************"></script>
<script language="javascript">
    var map, zoom = 12;
	function onLoad() {
		//初始化地图对象  
		map = new T.Map('mapDiv');
		//设置显示地图的中心点和级别  
		map.centerAndZoom(new T.LngLat(116.40969, 39.89945), zoom);
	}
</script>
</head>
<body onLoad="onLoad()" style="width:100%;height:100%;margin:0;font-family:Microsoft YaHei;">
	<div id="mapDiv" style="width:100%;height:100%;"></div>
</body>
</html>

里面的tk写上你前面的申请的key

这样就可以加载出来天地图了