javascript - 动态滚动 JavaScript 和谷歌地图

Question

任何人都知道如何做到这一点(JavaScript + GoogleMaps):

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

当您将鼠标悬停在 map 上时，下表会自动将 View 设置为所选元素。

提前致谢

Answer 1

您应该看看 Google Maps API v3。使用新的 API，您可以将事件监听器添加到标记和其他 UI 组件，这些组件称为您已添加到 map 的“叠加层”。要添加区域，您应该使用名为 "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?