如何仅更改引脚的颜色答案

【问题标题】：How to change only the color of pin如何仅更改引脚的颜色
【发布时间】：2020-03-26 08:18:25
【问题描述】：

我有谷歌标记。默认

我可以制作带有字母的图钉

那我想改变这个图钉的颜色。

所以，我试试这个图标 http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|0099cc|

字母移位，大小略有变化....

我改用color : "blue"，但徒劳无功。

我怎样才能只改变别针的颜色？？？

    var marker =new google.maps.Marker({
        position:latlng,
        path: google.maps.SymbolPath.CIRCLE,
        icon: "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|0099cc|",
        //icon: "https://maps.google.com/mapfiles/ms/icons/blue-dot.png",
        //icon: "https://mts.googleapis.com/vt/icon/name=icons/spotlight/spotlight-poi.png&scale=1",
        map:this.map,
        color: "blue" // it dosen't work
        label: String(label),
        title:"google map"
    });

【问题讨论】：

相关问题：Google maps change marker color based on xml value
1) path 不是 MarkerOption，color 也不是 2) 您使用的图标来自于 2012 年弃用并于 2019 年关闭的 Image Charts API。我我什至惊讶你仍然可以得到一个图标...... 3）有很多方法可以创建自定义标记。您应该参考文档或周围的许多教程
谢谢我的 API 是 Google Maps API 版本：3.40.6。

标签： javascript html css google-maps

【解决方案1】：

问题解决了。

我用

icon: http://www.googlemapsmarkers.com/v1/S/ff5c5a/;

我可以像改变颜色和文字

icon: http://www.googlemapsmarkers.com/v1/S/ff5c5a/;显示颜色 ff5c5a 和标签S

icon: http://www.googlemapsmarkers.com/v1/A/bb335a/;显示颜色 bb335a 和标签 A

【讨论】：

【解决方案2】：

使用这个：

icon: { url: "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|0099cc|",
        size: new google.maps.Size(20, 32) // resize as you like
      }

【讨论】：

非常感谢，但里面有点。所以我不能放文字...
因此，如果问题是图钉的大小，您可以根据需要调整它的大小。查看我的代码编辑
谢谢，但尺寸暂时没有变化。