使用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 
     }); 
}