发布时间:2024-09-16
天地图是中国国家地理信息公共服务平台,提供了丰富的地理信息服务,包括地图浏览、地名地址查询、空间定位、地理信息搜索等。要调用地方天地图,可以按照以下步骤进行:
在HTML文件中,引入天地图API的JavaScript文件。例如:
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你的密钥"></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);
}
可以添加缩放平移控件、自定义图片标注、信息窗口等。例如:
// 创建缩放平移控件对象
control = new T.Control.Zoom();
// 添加缩放平移控件
map.addControl(control);
control.setPosition(T_ANCHOR_TOP_RIGHT);
// 创建图片对象
var icon = new T.Icon({
iconUrl: "http://api.tianditu.gov.cn/img/map/markerA.png",
iconSize: new T.Point(19, 27),
iconAnchor: new T.Point(10, 25)
});
// 向地图上添加自定义标注
var marker = new T.Marker(new T.LngLat(116.411794, 39.9068), {icon: icon});
map.addOverLay(marker);
// 创建信息窗口
var infoWin1 = new T.InfoWindow();
var sContent =
"<div style='margin:0px;'>" +
"<div style='margin:10px 10px; '>" +
"<div>电话 : (010)88187700 <br>地址:北京市顺义区机场东路国门商务区地理信息产业园2号楼天地图大厦" +
"</div>" +
"</div>";
infoWin1.setContent(sContent);
marker.addEventListener("click", function () {
marker.openInfoWindow(infoWin1);
});
通过以上步骤,可以成功调用地方天地图,并在网页中显示和交互。需要注意的是,在使用天地图API之前,需要先申请一个天地图的key,具体申请方法可以参考天地图官方网站的说明。