天地图地图网页API浏览器端javascript调用代码

除了百度、高德提供在线地图调用api外,还有国家测绘地理信息局建设的地理信息综合服务网站“天地图”也提供了相应的地图接口服务,且免费对外开放,可直接使用。

“天地图” API 接口支持HTTP和HTTPS,支持浏览器端和服务器端,可快速调用天地图在线地理信息服务的通道,包括快速创建地图、调用地图、地名搜索以及在地图上添加覆盖物等,即和百度地图、高德地图一样。

天地图开发资源网站:http://lbs.tianditu.gov.cn/home.html

常规调用代码:

javascript代码:

<script src="https://api.tianditu.gov.cn/api?v=4.0&tk=您的密钥" type="text/javascript"></script>
<script>
        var map, marker;
        var zoom = 16;
        var point = new T.LngLat(116.330751,39.897151);
        //创建标注图标
        var icon = new T.Icon({
                iconUrl: "images/icon_point.png",
                iconSize: new T.Point(32, 32)
        });
        var sContent = "地图显示文字内容";
        //初始化地图对象
        map = new T.Map("mapDiv");
        //设置显示地图的中心点和级别
        map.centerAndZoom(point, zoom);
        marker = new T.Marker(point,{icon:icon});// 创建标注
        map.addOverLay(marker);
        var markerInfoWin = new T.InfoWindow(sContent);
        marker.addEventListener("click", function () {
                marker.openInfoWindow(markerInfoWin);
        });
</script>

HTML代码:

<div id="mapDiv" style="width:500px; height:400px"></div>

有使用过百度地图api接口的,使用天地图会比较简单。

关键词: 天地图