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

本文介绍了如何使用高德地图API来设置和获取地图的zoom级别和中心点。通过设置`zoom`属性可以改变地图的初始级别,`center`属性用于设置地图的初始中心点。同时,通过`getZoom()`和`getCenter()`方法可以获取当前的zoom级别和中心点坐标。此外,还展示了监听`moveend`和`zoomend`事件来实时获取地图变化,并使用`setZoom()`和`setCenter()`方法动态调整地图状态。
摘要由CSDN通过智能技术生成

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

zoom 改变初始地图的级别,zoom值越高,相当于鼠标双击放大,内容越详细,范围越小

center 改变初始地图的中心点,是一个数组,包含经纬度

metacharset="UTF-8"title>map

style>*{margin:0;padding}#containerwidth100%height100%topleftpositionabsolute; }

bodydivid="container"div>

>

newAMap.Map("container,{

zoom:12//初始化地图级别

center:[12030]初始化地图中心点

});>

html>

getZoom() 获取级别

getCenter()   getCenter().toString() 获取中心点

varmap=);

console.log(map.getZoom());获取级别

console.log(map.getCenter());获取中心点

console.log(map.getCenter().toString());>

ffbb54cfa567d68047a9bee95b6c82b7.png

on("moveend")  监听移动停止事件

);

map.on(move

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值