更改新 Google 标记的颜色(Google JS API v3)

Posted

技术标签:

【中文标题】更改新 Google 标记的颜色(Google JS API v3)【英文标题】:Changing Color of New Google Markers (Google JS API v3) 【发布时间】:2014-04-04 22:32:47 【问题描述】:

有谁知道是否有一种方法可以在不创建自定义图像的情况下更改 javascript v3 API 中 new Google 地图标记的颜色?我只想使用官方标记。

这是使用自定义颜色的旧方法,但图像很旧:http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|FE7569

我正在尝试使用看起来更干净的新颜色,但我只能使用默认颜色,并且需要使用多种颜色:

这些也仍然使用旧的: http://maps.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png

我也没有在他们的图标页面上看到任何新内容:https://sites.google.com/site/gmapsdevelopment/

--

编辑:所以,到目前为止,我发现的所有新颜色都是使用 png 文件来更改标记本身的颜色,而不是图标上的文本:

默认红色:https://mt.google.com/vt/icon?psize=20&font=fonts/Roboto-Regular.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-b.png&ax=44&ay=48&scale=1&text=%E2%80%A2 绿色:https://mt.google.com/vt/icon?psize=20&font=fonts/Roboto-Regular.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-a.png&ax=44&ay=48&scale=1&text=%E2%80%A2

【问题讨论】:

What are the filenames of new colored Google maps markers?的可能重复 该帖子只有默认的红色和绿色,但您可以修改标记上的文本。我需要超过 2 种颜色。看起来还没有更多颜色可用。此外,他们正在使用 png 文件来修改图标;它不像我帖子顶部发布的旧方法那样动态。 @Anna - 你在解决这个问题上取得了进展吗? 已回复here,回复:github.com/Concept211/Google-Maps-Markers 【参考方案1】:

这是我找到的一些

http://maps.google.com/mapfiles/ms/micons/blue-dot.png

红点.png

/橙点.png

/黄点.png

/green-dot.png

/pink-dot.png

编辑:

我怀疑您认为的“新标记”只是另一种类型的图标(网址中的通知 &name=icons/spotlight)。除了你发现的我只能找到一个=>spotlight-waypoint-blue.png https://mt.google.com/vt/icon?psize=20&font=fonts/Roboto-Regular.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-blue.png&ax=44&ay=48&scale=1&text=%E2%80%A2

Google Chart Tools Infographics 似乎也已被弃用,请查看此处 (developers.google.com/chart/infographics/)。由于我无法从谷歌找到任何关于信息图表未来的文档,如果我是你,我会坚持使用旧的。如果您像我一样偏执并担心这些图标以后可能会消失,您可能需要复制到您自己的服务器以确保安全。

【讨论】:

这些是旧的。我正在寻找新的,我发现的只是默认的红色和绿色。

以上是关于更改新 Google 标记的颜色(Google JS API v3)的主要内容,如果未能解决你的问题,请参考以下文章

React js react-google-maps-api 更改颜色标记默认

Google Maps API v3:如何动态更改标记图标?

Google Maps Api v3:如何更改方向(设置)面板中的默认航点标记?

Javascript,更改谷歌地图标记颜色

根据数据库中的值更改标记颜色

根据缩放 Google 地图 v3 调整标记大小