要使谷歌地图可拖动并保持标记在屏幕中心,可以通过以下步骤实现:
google.maps.Map
类创建一个地图实例,并将其绑定到地图容器上。可以设置地图的初始中心点和缩放级别。var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.7749, lng: -122.4194}, // 设置地图的初始中心点
zoom: 12 // 设置地图的初始缩放级别
});
var marker = new google.maps.Marker({
position: {lat: 37.7749, lng: -122.4194}, // 设置标记的位置
map: map, // 将标记添加到地图上
draggable: true // 设置标记可拖动
});
google.maps.event.addListener
方法监听地图的dragend
事件,该事件在地图拖动结束时触发。在事件处理函数中,获取地图的中心点坐标,并将标记的位置设置为该中心点。google.maps.event.addListener(map, 'dragend', function() {
var center = map.getCenter(); // 获取地图的中心点坐标
marker.setPosition(center); // 将标记的位置设置为中心点
});
通过以上步骤,就可以实现谷歌地图可拖动,并保持标记在屏幕的中心。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云