Google Maps API v3折线。如何扩展鼠标悬停区域?

时间:2015-10-07 10:10:30

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

我正在使用Google Maps API渲染包含从A点到B点的路线的地图。 为了绘制路线,我使用了 google.maps.Polyline 对象。 我现在要做的是在用户将鼠标移到线上时添加一些信息 google.maps.InfoWindow ,并在他离开时隐藏它。

问题在于线条似乎只有一个像素,我不断失去焦点。

关于如何处理它以便在移动光标时保持盒子打开的任何想法?

THX

1 个答案:

答案 0 :(得分:5)

使用相同的路径创建2行:

第1行:您当前的行,但将clickable设置为false

第2行:您当前的行,但将strokeWeight设置为15,将strokeOpacity设置为0.001

将您的mouseover - 处理程序应用于第2行

第2行不可见(因为strokeOpacity),但仍会响应鼠标事件