Google Maps V3-使用信息窗口绘制矩形

Question

我想在Google地图上绘制大约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感兴趣 。 它允许对样式的完全控制，并具有使您可以控制事件处理/传播的机制。