Google Maps V3 - 使用infowindows绘制矩形

时间:2012-04-26 22:33:30

标签: javascript google-maps google-maps-api-3

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

一个阵列,然后通过它进行预告?我如何制作鼠标悬停(最好)工具提示或至少点击?

1 个答案:

答案 0 :(得分:0)

您可以创建一组google.maps.Rectangle个实例,并使用RectangleOptionsfillOpacity设置为0.4。矩形是一个JavaScript对象,因此您可以随意将任何数据与任何实例相关联。

矩形还会触发:mouseoverclick的事件,因此您可以触发您提到的DOM事件。为了使矩形接受点击,传递给构造函数的RectangleOptions也可能包含一个成员:clickable,如果设置为:true,则允许您使用矩形点击事件:{ {1}}。

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