【问题标题】:Google Maps Default Icons谷歌地图默认图标
【发布时间】:2014-10-11 16:39:08
【问题描述】:

我正在尝试获取当前默认的 Google 地图图标。

我正在使用 Google Maps API 制作一个程序,并将我的 DirectionsRenderer 设置为禁止标记,以便我可以制作标记来设置特定图标。

这是我目前的结果:

这是我在取消默认标记之前所拥有的:

稍后在我的程序中,我将添加航路点,因此我想用不同颜色的字母 A、B、C 等设置上面的标记(如标记“A”,它是绿色的) .

我访问过几个网站,例如:

https://developers.google.com/maps/documentation/javascript/examples/marker-symbol-predefined

https://www.google.com/fusiontables/DataSource?dsrcid=308519#map:id=3

google maps v3 standard icon/shadow names (equiv. of G_DEFAULT_ICON in v2)

这些网站告诉您使用的标记与当前的标记看起来不一样。我想知道是否有一种方法可以像在融合表中一样调用当前的“绿色标记 a”:

如果是这样,怎么做?谢谢!

【问题讨论】:

标签: javascript google-maps google-maps-api-3 icons google-maps-markers


【解决方案1】:

当您查看开发者工具的网络选项卡时,您会看到绿色标记的 URL 是:

https://mts.googleapis.com/vt/icon/name=icons/spotlight/spotlight-waypoint-a.png&text=A&psize=16&font=fonts/Roboto-Regular.ttf&color =ff333333&ax=44&ay=48&scale=1
//------------------------------------------------ ------------------------------------^

字母可以通过text-参数定义

(注意:还有一个color-参数,这个参数用于文本颜色而不是标记的背景)

【讨论】:

  • 非常感谢,我不知道这个!
  • 开发者工具的“网络标签”是一个非常有效的方法,我会经常使用它
  • 快速提问,我可以更改图标的颜色吗?黄色或蓝色之类的东西?我已将spotlight-waypoint-a 更改为spotlight-waypoint-b,它给了我红色,但之后就什么都没有了
  • 我不能告诉你(也许不可能)
  • 我找到了这个mts.googleapis.com/vt/icon/name=icons/spotlight/…,但我无法摆脱中间的圆圈
【解决方案2】:

这篇文章很旧。我希望我的回答能帮助人们做到这一点。

            for (var i = 0; i < listMarkers.length; i++) { //loop markers
                if (listMarkers[i].icon) { // if icon is set
                    listMarkers[i].setIcon(); //set default 
                    break;
                }
            }

【讨论】:

    猜你喜欢
    • 2014-09-26
    • 1970-01-01
    • 1970-01-01
    • 2014-03-07
    • 1970-01-01
    • 1970-01-01
    • 2015-04-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多