双击可以调整高德地图的级别
zoom 改变初始地图的级别，zoom值越高，相当于鼠标双击放大，内容越详细，范围越小
center 改变初始地图的中心点，是一个数组，包含经纬度
<!DOCTYPE HTML><HTML lang="en"head> Meta charset="UTF-8"Title>map</script type="text/JavaScript" src="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a"></script> style> *{margin:0;padding} #container wIDth100% height 100%topleftposition absolute; } bodydiv ID="container"div> > new AMap.Map("container,{ zoom:12//初始化地图级别 center:[12030]初始化地图中心点 }); > HTML>
getZoom() 获取级别
getCenter() getCenter().toString() 获取中心点
var map=); console.log(map.getZoom());获取级别 console.log(map.getCenter());获取中心点 console.log(map.getCenter().toString()); >
on("moveend") 监听移动停止事件
); map.on(moveendfunction(){ console.log(map.getZoom()); console.log(map.getCenter().toString());获取中心点 }) >
on("zoomend") 双击结束事件，改变级别事件
zoomend>
setZoom() 设置地图级别
); 设置地图级别 setTimeout((){ map.setZoom(15); },1)">3000); >
通过事件设置zoom
#setZoomNode300pxheight100pxbackground-color #fffborder1px solIDBox-shadow0 0 5px #00020pxright} ="setZoomNode"> input ="text" ID="zoomVal"button ="zoomBtn">设置zoombutton> zoomBtn.onclick(){ map.setZoom(zoomVal.value); } >
setCenter([ ]) 设置地图中心点
设置地图中心点(){ map.setCenter([121.11]); },1)">1000); >
通过事件设置地图中心点
#setCenterNode="setCenterNode"> x ="xVal"><br y ="yVal"="btn">设置中心点 btn.onclick(){ map.setCenter([xVal.value,yVal.value]); } >
setZoomAndCenter 同时设置zoom和center
级别 中心点x 中心点y >设置中心点和zoom(){ map.setZoomAndCenter(zoomVal.value,[xVal.value,1)">>
总结
以上是内存溢出为你收集整理的高德地图API，获取和设置zoom级别和中心点全部内容，希望文章能够帮你解决高德地图API，获取和设置zoom级别和中心点所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）