当用户在地图上单击鼠标左键时,我很难找到一个非常简单的示例来说明如何向 Google 地图添加标记。
在过去的几个小时里,我环顾四周,并查阅了 Google Maps API 文档,希望能得到一些帮助!
当用户在地图上单击鼠标左键时,我很难找到一个非常简单的示例来说明如何向 Google 地图添加标记。
在过去的几个小时里,我环顾四周,并查阅了 Google Maps API 文档,希望能得到一些帮助!
经过进一步研究,我设法找到了解决方案。
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
function placeMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map
});
}
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);
}
这实际上是一个记录的功能,可以在这里找到
// 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);
}
@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);
}
}
目前将监听器添加到地图的方法是
map.addListener('click', function(e) {
placeMarker(e.latLng, map);
});
并不是
google.maps.event.addListener(map, 'click', function(e) {
placeMarker(e.latLng, map);
});
this.marker = new google.maps.Marker({
position: new google.maps.LatLng(12.924640523603115,77.61965398949724),
map: map
});
this.placeMarker(coordinates, this.map);
placeMarker(location, map) {
var marker = new google.maps.Marker({
position: location,
map: map
});
this.markersArray.push(marker);
}