【问题标题】:Change Icon Marker Color in Google Maps更改 Google 地图中的图标标记颜色
【发布时间】: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 吗?它们支持动态颜色。

标签: javascript google-maps


【解决方案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"
    }
  });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-01-29
    • 1970-01-01
    • 2014-03-22
    • 1970-01-01
    • 2015-07-22
    • 1970-01-01
    • 2012-06-19
    相关资源
    最近更新 更多