google-maps-api-3 - 单击样式化 map 图标和标签上的事件监听器

Question

是否可以为样式 map 显示的图标和/或标签上的单击事件添加监听器？我有一个允许输入兴趣点的表格。由于 poi 样式显示了许多潜在候选人的图标和/或标签，并且单击一个会打开一个包含地址信息等的信息窗口，如果用户单击一个，我想将此地址信息捕获到我的表单上的字段中。

Answer 1

没有基于 API 的对 POI 的访问。

但是有一个可能的解决方法。

当您单击 POI 时，会打开一个信息窗口。可以修改 InfoWindow 原型(prototype)，以便能够访问 InfoWindow 的内容，而无需引用 InfoWindow 实例。

      //store the original setContent-function
      var fx = google.maps.InfoWindow.prototype.setContent;

      //override the built-in setContent-method
      google.maps.InfoWindow.prototype.setContent = function (content) {
          //when argument is a node
          if (content.querySelector) {
              //search for the address
              var addr = content.querySelector('.gm-basicinfo .gm-addr');
              if (addr) {

                  alert(addr.textContent);
                  //leave the function here 
                  //when you don't want the InfoWindow to appear

              }
          }
          //run the original setContent-method
          fx.apply(this, arguments);
      };

演示: http://jsfiddle.net/doktormolle/Vkf43/

注意:信息窗口的选择器没有记录，它们将来可能会改变