使用jQuery将可拖动标记添加到Google Map可以通过以下步骤实现:
<div id="map"></div>
var map;
var marker;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点的经纬度
zoom: 12 // 设置地图缩放级别
});
marker = new google.maps.Marker({
position: {lat: 37.7749, lng: -122.4194}, // 设置标记的初始位置
map: map,
draggable: true // 设置标记可拖动
});
}
$(document).ready(function() {
initMap();
});
dragend
事件来监听标记的拖动结束事件,并获取标记的最新位置。例如:marker.addListener('dragend', function(event) {
var latLng = event.latLng;
var lat = latLng.lat();
var lng = latLng.lng();
console.log('New marker position: ' + lat + ', ' + lng);
});
以上就是使用jQuery将可拖动标记添加到Google Map的步骤。通过这种方式,你可以在Google Map上实现可拖动标记的功能。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云