更改 Google 地图中的图标标记颜色

Posted 2023-05-06

【中文标题】更改 Google 地图中的图标标记颜色

【英文标题】：Change Icon Marker Color in Google Maps

【发布时间】：2019-09-18 08:04:06

【问题描述】：

如何更改谷歌地图中图标标记的颜色？

例子：

var icon = 
      url: 'custom.svg', // url



var marker = new google.maps.Marker(
        position: lat: p[1], lng: p[2],
        map: map,
        icon: icon,
);

在var icon里面我尝试了填充颜色和颜色，但是并没有改变图标地图标记的颜色。有人知道怎么改颜色吗？

【问题讨论】：

您可以在“custom.svg”路径中使用SVG Symbol 吗？它们支持动态颜色。

【参考方案1】：

使用以下代码 -

 let marker = new google.maps.Marker(
    map: map,
    position: lat: -34.397, lng: 150.644,
    icon: 
      url: "http://maps.google.com/mapfiles/ms/icons/blue-dot.png"
    
  );