javascript - Google Maps API V3 事件

Question

我要这个代码

   google.maps.event.addListener(map, 'click', function(event) {
      var marker = new google.maps.Marker({
      position: event.latLng
   }); 
      var outsideContent = "my content";
       infowindow.setContent(outsideContent);
      infowindow.open(map, marker);
      });

如果在不存在叠加层/多边形的位置单击 map ，则打开一个信息窗口。但是，代码没有执行。

Answer 1

看起来你定义 map click 监听器的位置有问题，它在 generateInfoWindow 函数内部，似乎只被调用来自 zoomtoaddress 函数。

如果您将监听器设置移到您在 initialize 函数中创建 map 的位置旁边，我认为您应该可以在 map 显示时打开 InfoWindow点击:

function initialize() {
    // ...
    map = new google.maps.Map(document.getElementById('map_canvas'), options);

    // Move your event listener definition right here:
    google.maps.event.addListener(map, 'click', function(event) {
        var marker = new google.maps.Marker({ position: event.latLng }); 
        var outsideContent = "outside content replaced for brevity";
        infowindow.setContent(outsideContent);    //include var name correction
        infowindow.open(map, marker);
    });

    //the rest of initialize...
}

此外，如果您希望在事件监听器中显示您正在创建的标记，您还必须传递 MarkerOptions 的 map 属性。看起来您可能不希望显示标记，所以我将其省略了 -