5.17

调用腾讯地图接口显示地图:

var map = new TMap.Map('container', {
    center: new TMap.LatLng(39.984120,116.307484), //设置地图中心点坐标
    zoom:11,   //设置地图缩放级别
    viewMode:'2D'
});
其中viewMode属性有两个值,2D和3D,分别显示2D和3D地图
设置地图中心点:map.setCenter(new TMap.LatLng(lat,lng));
获取地图中心点:var centerLatLng=map.getCenter();
点击地图事件:map.on("click",clickHandler) clickHandler函数是点击事件
可以用fitBounds函数让地图自动设置缩放级别和中心点
例:
//假设您有一组坐标点
var coords=[
     new TMap.LatLng(39.91474,116.37333),
     new TMap.LatLng(39.91447,116.39336),
     new TMap.LatLng(39.90884,116.41306)
]
//创建LatLngBounds实例
var latlngBounds = new TMap.LatLngBounds();
//将坐标逐一做为参数传入extend方法,latlngBounds会根据传入坐标自动扩展生成
for(var i = 0;i<coords.length; i++){
    latlngBounds.extend(coords[i]);  
}
//调用fitBounds自动调整地图显示范围
map.fitBounds(latlngBounds);

posted @ 2021-05-17 19:00  {hunter}ZY  阅读(66)  评论(0编辑  收藏  举报