nom*_*mis 6 google-maps image map cursor google-maps-api-3
我想在页面上的谷歌地图组件上进行鼠标悬停时使用自定义光标.我希望能够以编程方式将光标更改为自定义图像,然后将其更改回默认光标.
我相信这是你在'map'对象上设置默认光标的方法
map.setOptions({ draggableCursor: 'default' });
经过一些研究和实验,我发现最好的方法如下:
map.setOptions({ draggableCursor: 'url(path/to/your/image.png), crosshair' });
在css中,只有webkit支持cursor属性的url值,因此其他浏览器在这种情况下获得'crosshair'的值,这解决了我需要通知用户他们需要点击地图的问题.
有关draggableCursor属性的更多信息,请参阅此处的google maps api v3文档:http://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions
希望这有助于在谷歌地图上设置自定义光标时遇到问题的人.
Mar*_*mon 11
在Mac上它完美适用于chrome,safari和firefox.
我只是用这个:
map.setOptions({ draggableCursor : "url(http://s3.amazonaws.com/besport.com_images/status-pin.png), auto" })
ps:我在某个地方读到你需要你的图像在某些浏览器上低于64x64.永远不必尝试,但也许你的问题来自于此.
| 归档时间： |
|
| 查看次数： |
8328 次 |
| 最近记录： |