Question

我想将Google地图的Draggablecursor更改为自定义图像。我可以将它设置为诸如“十字准线”或“移动”之类的名称，但我无法使用图像网址。我尝试了所有可能的语法，我可以谷歌，包括一些我认为是荒谬的错误。其中：

   var mapOptions = {
    ...
            draggableCursor: '../images/mapcursor.jpg',
            draggableCursor: 'url("../images/mapcursor.jpg")',
            draggableCursor: 'url(../images/mapcursor.jpg) 20 20, default' , 
            draggableCursor: 'url("http://www.blablabla.com/images/mapcursor.png")',
            draggableCursor:  url("http://www.blablabla.com/images/mapcursor.png") ,
    ... 
    };

文档仅表明它应该是“鼠标悬停在可拖动地图上时显示的光标的名称或网址”。有人可以提供一些指导或指示确切的语法应该是什么？我不知道网址中的“默认”字样。

由于

Answer 1

我设法使用外部网址来获取它：

    var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8,
        draggableCursor: 'url(http://powerhut.co.uk/googlemaps/marker-images/image.png), crosshair',
    };

而不是crosshair，您可以使用default, move...作为后备。

另见reported issue。

我希望简单的draggableCursor: 'images/mycursor.png'可行。完整路径：

        draggableCursor: 'url(file:///C:/Users/....../Google%20Maps/images/finish.png), crosshair',

和短路径：

draggableCursor: 'url(images/finish.png), crosshair',

因此，似乎有效用法是：

draggableCursor: 'url(externalLink|fullPath|relativePath), fallbackCursor',

在google maps api中设置draggablecursor属性的语法

1 个答案: