javascript - Google Maps V3 - 使用 infowindows 绘制矩形

Question

我想在谷歌地图上画出大约 15 个矩形，大约 40% 的不透明度——这样做并将一些 HTML 数据与之关联的最佳做法是什么？

一个数组然后遍历它？我将如何制作鼠标悬停（最好）工具提示或至少在点击时？

Answer 1

您可以创建一组google.maps.Rectangle实例并使用RectangleOptions将其设置fillOpacity为0.4。矩形是一个 JavaScript 对象，因此您可以自由地将所需的任何数据与任何实例相关联。

该矩形还会触发：mouseover和的事件click，因此您可以触发您提到的 DOM 事件。为了使矩形接受点击，RectangleOptions您传递给构造函数的 可能还包括一个成员：clickable，如果设置为： ，它允许您让矩形接受点击事件true。

或者，如果您只是想在地图上放置一个矩形标签并添加一些 innerHTML 内容，就像地图上的便利贴一样，您可能会对 google-maps-utility-library InfoBox 感兴趣。它允许完全控制样式，并具有让您控制事件处理/传播的机制。