[英]Add marker to Google Map on Click
当用户左键单击地图时,我很难找到一个非常简单的示例,说明如何向 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);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.