Javascript 将google地图标记颜色更改为我选择的颜色

是否有必要从默认的红色标记颜色更改为我选择的十六进制颜色？我一直在寻找堆栈溢出，但似乎没有找到答案。这就是我目前所拥有的

var marker = new google.maps.Marker({
            position: myLatLng,
            label: '23',
            map: map
        });

---

标记没有颜色属性/属性。。标记使用图标，因此您可以更改颜色更改图标

这是从谷歌地图开发

---

一个选项是为标记图标定义SVG符号。SVG图标颜色可以在其构造函数中设置

function pinSymbol(color) {
    return {
        path: 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z',
        fillColor: color,
        fillOpacity: 1,
        strokeColor: '#000',
        strokeWeight: 2,
        scale: 1
    };
}

然后像这样使用它：

var marker1 = new google.maps.Marker({
  map: map,
  position: new google.maps.LatLng(47.5, -122.0),
  icon: pinSymbol('green')
});

代码片段：

函数初始化（）{
var latlng=新的google.maps.latlng（47.605，-122.2）；
变量myOptions={
缩放：10，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），
肌肽）；
var marker=new google.maps.marker({
地图：地图，
位置：latlng，
图标：pinSymbol（'红色'）
});
var marker1=新的google.maps.Marker({
地图：地图，
位置：新google.maps.LatLng（47.5，-122.0），
图标：pinSymbol（“#7CFC00”）
});
var marker2=新的google.maps.Marker({
地图：地图，
位置：新google.maps.LatLng（47.6，-122.3），
图标：pinSymbol（'橙色'）
});
var marker3=新的google.maps.Marker({
地图：地图，
位置：新google.maps.LatLng（47.7，-122.1），
图标：pinSymbol（'黄色'）
});
}
功能符号（颜色）{
返回{
路径：'m0,0c-2，-20-10，-22-10，-30a10,1001,110，-30c10，-222，-20,0z'，
fillColor:color，
不透明度：1，
strokeColor:“#000”，
冲程重量：2，
比例：1
};
}
google.maps.event.addDomListener（窗口“加载”，初始化）
html，
身体，
#地图画布{
高度：500px；
宽度：500px；
边际：0px；
填充：0px
}

是否有谷歌地图图标网站可供我浏览？我不需要一个花哨的图标，只是谷歌有一个相同的图标，但是背景颜色不同。看看这个，或者你可以像这样在网站上搜索。问题是他们的图标颜色非常通用，比如“蓝色”，“绿色”等。我有一个特定的十六进制颜色代码，我想标记have@beewuu你可以像你喜欢的那样创建一个图标。是一个普通的png。将其保存在可访问的现场区域，然后与提供的样本一起加载并使用。。
var marker1 = new google.maps.Marker({
  map: map,
  position: new google.maps.LatLng(47.5, -122.0),
  icon: pinSymbol('green')
});