How i can do a gmap v3 with a multiples markers and these are draggable

我们两清 提交于 2020-02-05 14:55:08

问题


var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: image,
    title: tittle,
    zIndex: i,
    draggable: true
});

google.maps.event.addListener(marker, 'drag', function() {
    $("input[name='request']").val(marker.getPosition());
});

google.maps.event.addListener(marker, 'dragend', function() {
    $("input[name='request']").val(marker.getPosition());
});

the event is added to a single marker and need to be for many at least 1000 or even infinite.


回答1:


use array of positions and for each position call addMarker method.

var locationsArray;

for(var i = 0 ; i<locationsArray.length; i++){
    addMarker(locationsArray[i]);
}


function addMarker(myLatLng){
var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: image,
    title: tittle,
    zIndex: i,
    draggable: true
});

google.maps.event.addListener(marker, 'drag', function() {
    $("input[name='request']").val(marker.getPosition());
});

google.maps.event.addListener(marker, 'dragend', function() {
    $("input[name='request']").val(marker.getPosition());
});
}


来源:https://stackoverflow.com/questions/8885477/how-i-can-do-a-gmap-v3-with-a-multiples-markers-and-these-are-draggable

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!