javascript - 谷歌地图更改标记的图标

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

显然，如果您要在网络上使用它，那么您将需要使用由网络服务器提供的内容的 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'
});

注意：您必须将图像存储在您的网络服务器上，以便所有人都可以访问它。这样，只有在该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'
});