动态滚动JavaScript和Google地图

Question

任何人都知道如何做到这一点（JavaScript + GoogleMaps）：

http://aqarmap.com/eg/Cairo/en

当您将鼠标悬停在地图上时，下表会自动将视图设置为所选项目。

提前多多感谢

Answer 1

您应该查看Google Maps API v3。 使用新API，您可以向标记和其他UI组件添加事件侦听器，这些组件称为“叠加”，您已将其添加到地图中。要添加区域，您应使用名为"Polygon"的叠加层。对于“家庭对象”，您应该使用"Markers"。

使用google.maps.event API添加事件侦听器：

google.maps.event.addListener(overlay, 'click', function() {
  // This is called when the overlay is clicked.
});

您还可以收听其他事件，例如'dblclick'，'mouseup'，'mousedown'等等。请查看此处：http://code.google.com/intl/da-DK/apis/maps/documentation/javascript/events.html以获取一些示例。

关于自动滚动的表，您可以使用需要滚动的元素的DOM属性.scrollTop。之前已经回答过：How to scroll to an element inside a div?