在點擊地圖上添加標記到Google地圖

Question

我很驚訝地想找到一個非常簡單的例子，當用戶在地圖上點擊時，如何向Google地圖添加標記。

我在過去的幾個小時中查了一下，並查閱了Google Maps API文檔，並希望得到一些幫助！

Answer 1

經過更多的研究，我設法找到了解決方案。

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

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

Answer 2

這實際上是一個記錄功能，並且可以發現here

// This event listener calls addMarker() when the map is clicked. 
    google.maps.event.addListener(map, 'click', function(e) { 
    placeMarker(e.latLng, map); 
    }); 

    function placeMarker(position, map) { 
    var marker = new google.maps.Marker({ 
     position: position, 
     map: map 
    }); 
    map.panTo(position); 
    } 

Answer 3

目前的方法將監聽器添加到地圖將

map.addListener('click', function(e) { 
    placeMarker(e.latLng, map); 
}); 

而且不

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

Reference

Answer 4

@Chaibi Alaa，您可以在第一次點擊時設置標記，然後在隨後的點擊中更改位置。

var marker; 

google.maps.event.addListener(map, 'click', function(event) { 

    placeMarker(event.latLng); 

}); 

function placeMarker(location) { 

if (marker == null) 
{ 
    marker = new google.maps.Marker({ 
     position: location, 
     map: map 
    }); } else { marker.setPosition(location); } } 

Answer 5

在2017年，解決的辦法是：

map.addListener('click', function(e) { 
    placeMarker(e.latLng, map); 
}); 

function placeMarker(position, map) { 
    var marker = new google.maps.Marker({ 
     position: position, 
     map: map 
    }); 
    map.panTo(position); 
}