首先到天地圖控制台申請一個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
這樣就可以加載出來天地圖了
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)