高德地图API,获取和设置zoom级别和中心点

高德地图API,获取和设置zoom级别和中心点,第1张

概述双击可以调整高德地图的级别 zoom 改变初始地图的级别,zoom值越高,相当于鼠标双击放大,内容越详细,范围越小 center 改变初始地图的中心点,是一个数组,包含经纬度 <!DOCTYPE

双击可以调整高德地图的级别

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级别和中心点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1026711.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存