在谷歌地图上标记点移动时,可以使用JavaScript和Google Maps API来实现。以下是一个示例代码,演示了如何实现标记点的移动和固定位置的效果:
HTML部分:
Moveable Marker on Google Maps
JavaScript部分(script.js):
var map;
var marker;
var fixedMarker;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 40.7128, lng: -74.0060}, // 初始地图中心位置
zoom: 12 // 初始缩放级别
});
// 创建可移动的标记点
marker = new google.maps.Marker({
position: {lat: 40.7128, lng: -74.0060}, // 初始标记点位置
map: map,
draggable: true // 设置标记点为可拖动
});
// 创建固定的标记点
fixedMarker = new google.maps.Marker({
position: {lat: 40.7128, lng: -74.0060}, // 初始标记点位置
map: map
});
// 监听移动事件,更新固定标记点的位置
marker.addListener('drag', function(event) {
fixedMarker.setPosition(event.latLng);
});
}
请注意,上述代码中的 YOUR_API_KEY
部分需要替换为您自己的Google Maps API密钥。
此代码将在Google地图上创建一个可移动的标记点和一个固定的标记点。当可移动的标记点被拖动时,固定的标记点将更新到拖动后的位置。
上一篇:标记点击事件未触发。