谷歌地图更改标记图标

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

显然，如果要在Web上使用此功能，则需要使用Web服务器提供的内容的URL，而不是计算机上的图像文件。

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:// 文件传输协议

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

注意：您必须将图像存储在Web服务器上，以使每个人都可以访问。 这样，只有具有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'
});