google-maps-markers - 如何更改标记颜色？谷歌地图

Question

这个问题已经有答案了:

Javascript, Change google map marker color [duplicate] (10 个回答)

已关闭 7 年前。

function createMarker(latlng, item) {
    var marker = new google.maps.Marker({
        position: latlng,
        map: map
    });

这部分代码。在网站上，它显示为标准标记，它适合我们所有人，但红色除外。如何将其更改为其他颜色？

https://yadi.sk/i/ZDONpfoijAjdZ

Answer 1

您应该使用icon属性(property)。例如，

var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png'
});

google.com 上有多种颜色可供选择。只需将 green-dot 替换为您的颜色，例如:
^{http://maps.google.com/mapfiles/ms/icons/green-dot.png
http://maps.google.com/mapfiles/ms/icons/blue-dot.png
http://maps.google.com/mapfiles/ms/icons/red-dot.png
http://maps.google.com/mapfiles/ms/icons/yellow-dot.png}

<小时/>

来自 Google 的一些示例:

(要获取图像 URL，请将鼠标悬停在其上或右键单击 →“复制图像位置” 等)

^64×64px

^32×32px

^12×20px

更多信息:https://sites.google.com/site/gmapsdevelopment/或search了解更多。