javascript - 是否可以为单个谷歌地图图 block 添加一个监听器？

Question

我能想到的创建自定义 map 图 block 的最简单示例是 Google maps base tile example.

这里唯一有趣的部分是我们在 getTile() 中放入的内容:

CoordMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
  var div = ownerDocument.createElement('div');
  div.innerHTML = coord;
  div.style.width = this.tileSize.width + 'px';
  div.style.height = this.tileSize.height + 'px';
  div.style.fontSize = '10';
  div.style.borderStyle = 'solid';
  div.style.borderWidth = '1px';
  div.style.borderColor = '#AAAAAA';
  div.style.backgroundColor = '#E5E3DF';
  return div;
};

是否有可能在返回 div 之前为单个 map 图 block 获取鼠标悬停或单击事件，例如，做这样的事情？

google.maps.event.addDomListener(div, 'click', function() {
alert( ' test - called from addListener');
} );

我无法触发事件。

Answer 1

也许您应该查看叠加层而不是图 block 。当用户放大/缩小时，图 block 可能会改变坐标。尝试 https://developers.google.com/maps/documentation/javascript/examples/rectangle-simple