在事件中放置标记，在谷歌地图中

Question

我正在尝试隐藏标记，直到点击地图。

如果我删除监听器，标记就在它应该在的位置，并且一切正常，当我添加它时，标记将永久消失。

我浏览了 google api 和几个网站（包括这个），我的室友甚至看过它，但我似乎无法让它工作。

我的理解是，在这种情况下，“点击”是谷歌特有的事情，因为浏览器处理类似事件的方式略有不同，所以也许监听器是问题所在。

非常感谢任何帮助。

var myCenter=new google.maps.LatLng(55.680313, 12.548468);

function initialize()
{
var mapProp = {

     center:myCenter,
     zoom:15,
     mapTypeId:google.maps.MapTypeId.ROADMAP
     };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

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

     var marker=new google.maps.Marker({

          position:myCenter,
          animation:google.maps.Animation.DROP

          });
});

marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

Answer 1

我收到一个 javascript 错误：

Uncaught ReferenceError: marker is not defined 

在这一行：

marker.setMap(map);

变化：

google.maps.event.addListener(map, 'rightclick', function(event) {
     var marker=new google.maps.Marker({

          position:myCenter,
          animation:google.maps.Animation.DROP

          });
});

marker.setMap(map);

收件人：

google.maps.event.addListener(map, 'rightclick', function(event) {
     var marker=new google.maps.Marker({
          position:myCenter,
          animation:google.maps.Animation.DROP
          });
     marker.setMap(map);
});

或者：

google.maps.event.addListener(map, 'rightclick', function(event) {
     var marker=new google.maps.Marker({
          map: map,  
          position:myCenter,
          animation:google.maps.Animation.DROP
          });
});

working example

Answer 2

为什么不将事件绑定到地图容器？

document.getElementById("googleMap").onmousedown = function(e) {
    if ((e.which && e.which == 3) || (e.button && e.button == 2)) {
        var marker=new google.maps.Marker({
            position:myCenter,
            animation:google.maps.Animation.DROP
        });
        document.getElementById("googleMap").onmousedown = undefined;
    }
}

我们将onclick 设置为undefined 以禁用第一次点击后创建标记。

UPD：对不起。注意，您要绑定右键单击。更新了代码。