使用Google Maps API v3添加多个标记

Question

我有以下功能添加一个标记，但我想通过单击地图添加多个标记。我已经谷歌搜索，但我无法得到任何直接的答案，我可以如何解决这个问题。

function placeMarker(location) { 
    if(marker) { 
     marker.setPosition(location); 
    } else { 
     marker = new google.maps.Marker({ 
      position: location, 
      map: gm_map, 
      draggable: true 
     }); 
    } 
} 

我知道我需要使用Array()但我不知道具体如何。我如何解决我的问题？

DEMO：已删除，因为问题已解决。

Answer 1

你需要使用placeMarker功能的变量之外？您的功能不会删除标记，而是检查标记变量是否存在，并使用函数移动标记。如果您想要存在多个标记，则需要删除该行。

function placeMarker(location) { 
    //marker variable will only exist inside this function 
    var marker = new google.maps.Marker({ 
     position: location, 
     map: gm_map, 
     draggable: true 
    });   
} 

下面是一个例子：http://jsfiddle.net/bryan_weaver/aEyfW/

Answer 2

好的，你需要在地图上为'click'事件设置一个事件监听器。这需要将当前点击的位置传递给placeMarker函数。试试这个

google.maps.event.addListener(gm_map, 'click', function(event) { 
     placeMarker(event.latLng); 
}); 

（在你初始化地图相同的地方添加此事件侦听器）并修改placeMarker功能，因此不是你每次点击更新一个全局变量标志，创建的每个新的标记时间：

function placeMarker(location) { 
    var marker = new google.maps.Marker({ 
      position: location, 
      map: gm_map, 
      draggable: true 
     }); 
}