Image 如何在google map api v3地图中为鼠标光标设置自定义图像

我想有一个自定义光标，而鼠标在谷歌地图组件的网页上。我希望能够通过编程将光标更改为自定义图像，然后将其更改回默认光标

我相信这就是在“地图”对象上设置默认光标的方式

 map.setOptions({ draggableCursor: 'default' });

经过一些研究和实验，我发现最好的方法如下：

 map.setOptions({ draggableCursor: 'url(path/to/your/image.png), crosshair' });

在css中，只有webkit支持游标属性的url值，因此其他浏览器在本例中获得“crosshair”值，这解决了我需要通知用户需要单击地图的问题

有关DragableCursor属性的更多信息，请参见此处的google maps api v3文档：

---

希望这能帮助那些在谷歌地图上设置自定义光标有困难的人。

在mac上，它可以在chrome、safari和firefox上完美工作

我只是用这个：

map.setOptions({ draggableCursor : "url(http://s3.amazonaws.com/besport.com_images/status-pin.png), auto" })

---

ps：我在某个地方读到，在某些浏览器上，你需要你的图像小于64x64。永远不必尝试，但问题可能来自于此。

要返回默认光标，您可以将Undefined赋值为DragableCursor变量：

map.setOptions({draggableCursor: undefined})

---

对于那些希望将SVG设置为DragableCursor的用户。解决方案如下所示

 map.setOptions({ draggableCursor : "url(PATH_TO_YOUR_SVG.svg), pointer" });

---

相信我，这是可能的。

是的，这与我发布的解决方案相同。我的问题是之后将其设置回默认光标。经过进一步研究，我发现要将光标更改回默认值，必须使用google使用的相同自定义光标图像：

map.setOptions（{draggableCursor:'url(http://maps.google.com/mapfiles/openhand.cur)，move'}）

当我调用此函数时，得到一个错误“Uncaught Type error:无法调用null的方法“setOptions”。