Question

我正在尝试更改标记图标并使用以下代码放置我自己的图标但是没有出现图标。有什么建议吗？

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'c:\green.jpg'
});

Answer 1

您必须将图像（green.jpg）放在程序可以访问的文件夹中。例如，将它放在WAR文件夹中。如果您只有一个HTML，PHP，...页面，那么将图像放在同一个文件夹中

Answer 2

图标值应该是一个URI，因此在这种情况下你可能需要传递一个文件URI。

file:///C:/green.jpg

显然，如果您要在网络上使用此功能，那么您需要使用由网络服务器提供的内容的网址，而不是计算机上的图像文件。

Answer 3

尝试使用setIcon（）函数。就像是 marker.setIcon（ “ICONFILE”）

此处有关此功能的更多信息： https://developers.google.com/maps/documentation/javascript/reference#Marker

搜索：“setIcon（icon：string | MarkerImage）”

Answer 4

您可以尝试使用文件的相对路径：

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'img/markers/brown_MarkerE.png'
});

我希望这会有所帮助。

Answer 5

您必须指定要使用的协议，例如file:// file transfer protocol

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'http://c:/green.jpg'
});

注意：您必须将图像存储在网络服务器上，以便所有人都可以访问。这样，只有C分区上带有图像“grren.jpg”的用户才能看到图标。

Answer 6

here is the full document for that with example :
https://developers.google.com/maps/tutorials/customizing/custom-markers

you can also use this code:

var marker = new google.maps.Marker({
    position: location,
    map: map,
    icon: 'your_img.png'
});

谷歌地图更改标记的图标

6 个答案: