谷歌地图V3 - 使用信息窗口绘制矩形

Google Maps V3 - Drawing rectangles with infowindows

本文关键字：窗口绘制信息窗信息 V3 谷歌地图更新时间：2023-09-26

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

一个阵法，然后穿过它？我将如何使鼠标悬停（最好）工具提示或至少在单击时？

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

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

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