在鼠标悬停上设置折线图标

时间:2014-03-28 03:56:41

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

我不希望在悬停折线时光标图标更改为pointer,我希望它保留掌上图标.cur file)用于地图的其余部分。我已经阅读了许多关于将光标设置为多边形/折线的帖子,但我无法弄清楚如何在我的示例中实现它: JSFiddle (剥离为裸骨)

我相信我应该使用draggableCursor属性并将其与mouseover听众联系,但它不起作用:

google.maps.event.addListener(map, 'mouseover', function(event) {
    map.setOptions({ draggableCursor: 'url(http://maps.google.com/mapfiles/openhand.cur), crosshair' });
});

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

我会回答我的问题,以防某人有一天发现它有用。正如geocodezip指出的那样,解决方案非常简单:设置clickable:false,以便将折线定义为:

path: lines[i],
strokeColor: '#ff0000',
strokeOpacity: 1.0,
strokeWeight: 2,
clickable: false

此处已更新 JSFiddle