html 设置地图中心点,谷歌地图:获取地图的中心点关于地图的div在HTML

本文介绍了如何在HTML DIV元素中设置地图标记的中心位置,并确保在改变地图缩放级别时,标记始终位于地图中央。通过监听地图的缩放变化事件并调整标记的位置,可以实现这一目标。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1)HTML DIV的中心点,以及映射表的将是相同的。如果地图div的高度为100px,宽度为100px,那么使用相同的示例,那么center lat long应该是50,50px,这正是map.getCenter()返回的内容。

2)是的,您可以使用缩放更改事件将标记移动到地图中心。您将需要调用initZoomChanged方法,如下所示。你可以用标记的名字替换“centerMarker”

3)还没有真正理解你在这里做什么。你能否提供更多的澄清?

在地图中心创建一个标记,然后在放大后保持它在地图的中心或缩小的代码如下:

var centerMarker;

function createMarker()

{

var myLatLng = {lat: 51.5074, lng: 0.1278}

centerMarker = new google.maps.Marker({

position: myLatLng,

map: map,

title: 'Map Center'

});

}

function initZoomChanged()

{

google.maps.event.addListener(map, 'zoom_changed', function() {

var center = map.getCenter();

centerMarker.setPosition(center);

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值