Google Map API 3 从 API 2 的代码中为标记创建不同的颜色

2024-04-15

我在 API 2 中使用了此代码,但找不到 API 3 的等效代码。我想根据严重性为标记创建不同的颜色,因此它们不是静态值。我有如何创建的问题GICON、G_DEFAULT_ICON、GSize 和 addOverlay。如果有人告诉我如何转换这个确切的代码,我将不胜感激。由于我正在使用的特定颜色,我不想使用 micons/color-dot.png。

var severity = parseFloat(markers[i].getAttribute("severity"));
var severityIcon = new GIcon(G_DEFAULT_ICON);
var color;
if (severity == 0) color = "66FF33";
else if (severity == 1) color = "990099";
else if (severity == 2) color = "00CCFF";

severityIcon.image = "http://www.googlemapsmarkers.com/v1/" + color;
severityIcon.iconSize = new GSize(15, 30);

markerOptions = { icon:severityIcon };


  var marker = createMarker(point,label,alarm,markerOptions);
  map.addOverlay(marker);

GIcon 不再是 GMap API V3 的一部分。但是 Gabriel Schneider 创建了一个标记扩展来解决您的问题。

样式标记 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/styledmarker/带有文档和示例。

此示例演示了添加了字母的默认 GMap 图标的颜色变化。Example http://google-maps-utility-library-v3.googlecode.com/svn/trunk/styledmarker/examples/class_use.htm

我想你会想要这样的东西:

var styleMaker1 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"66FF33"}),position:myLatLng,map:map});
... // etc.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Google Map API 3 从 API 2 的代码中为标记创建不同的颜色 的相关文章

  • 没有地图的地理编码

    我可以在没有地图的情况下使用 Google 地图地理编码 API 吗 我有一个带有自动完成功能的文本框 Google Maps API Place 我希望在用户输入街道号码后 我会得到邮政编码 问候 自动完成是允许在没有地图的情况下使用 G
  • 将谷歌地图标记颜色更改为我选择的颜色

    无论如何 是否可以从默认的红色标记颜色更改为我选择的十六进制颜色 我一直在寻找堆栈溢出 但似乎没有找到答案 这是我到目前为止所拥有的 var marker new google maps Marker position myLatLng l
  • 如何在其他标记之上显示 Google 地图 Android 标记?

    我的应用程序中有多个标记 有时其中一些位于同一位置 我希望其中一些标记始终显示在其他标记的前面 我应该如何进行 先感谢您 标记 setZIndex Float MAX VALUE
  • 光标在 Google 地图应用程序中消失

    这确实很奇怪 使用 API v3 创建 Google 地图应用程序后 有时当我将光标悬停在地图上时 鼠标光标会消失 我需要与地图之外的几个控件进行交互 当我点击其中一个并且地图失去焦点后 问题就显现出来了 这事发生在别人身上过吗 我尝试将焦
  • Google Maps API 多边形文物在缩放上显示

    我有一个使用 JS API 构建的 Google 地图 其中包含英国不同地区的多边形 在 Chrome 已测试 v58 和 v60 上 当用户使用滚轮放大或缩小时 多边形的随机伪像会卡在地图上 进一步缩放可以消除它们或显示不同的伪影 在 F
  • 融合表查询

    我有一个非常大的融合表 现在 我想根据用户需求进行查询 我的用户界面应该有一个下拉框来选择列的名称 另一个下拉框用于选择查询条件 gt user1225902 您需要在页面加载期间调用onLoad函数 我有同样的问题
  • 查找最近的城市,例如 oodle.com

    因此 我正在尝试开发一个显示用户列表的应用程序 该网站应该检测用户位置 我为此使用 maxmind api 然后显示用户位置 用户指定半径内的城市的列表 我该怎么做呢 MaxMind API 让我可以通过 IP 地址检测用户的城市 但如何找
  • Google 地图 v3 - 我能否确保每次都能顺利平移?

    我的地图在一座城市内有数百个标记 通常不超过 20 英里半径 我已通读文档 但尚未找到一种方法来将 init 设置为在每个标记之间自动平移 无论距离如何 默认行为是如果靠近则平移 如果远则跳跃 我理解他们为什么要这样做 因为地图不会在选定的
  • 是否可以在 Google Maps API v3 上编写自定义文本?

    是否可以在 Google Maps API v3 上的标记旁边写入自定义文本 或者我只能使用信息窗口来执行此操作 要显示自定义文本 您需要创建自定义叠加层 以下是改编自 Google 官方文档的示例 你也可以使用这个图书馆 http cod
  • 导致链接平移并打开地图中的标记

    JSFiddle http jsfiddle net megatimes NVDLf 7 http jsfiddle net megatimes NVDLf 7 我有一张地图 它从数组创建多个标记 地图下方是一些链接 单击这些链接时 我想让
  • 将 Google 地图 v3 中的标记放在所有其他标记的前面

    有人可以帮我把当前位置放在所有其他位置的前面吗 我已阅读有关 MAX ZINDEX 和 setZindex 的内容 但我无法理解它 这是我的代码 var latlng new google maps LatLng lat lng var i
  • Google 地图 api 中的 infoWindow 数组

    我寻找错误 但找不到它 由于某种原因 任何谷歌地图信息窗口总是显示相同的信息 这是一个咖啡脚本代码 infowindow new google maps InfoWindow for company in companiesData mar
  • Android:Google Maps API 密钥注册:MD5 认证密钥

    如何获取MD5指纹密钥 我正在使用这个命令 C Program Files Java jdk1 7 0 04 bin gt keytool exe list alias androiddebugkey keystore C Document
  • Google Map v3 地图加载事件[重复]

    这个问题在这里已经有答案了 是否有任何侦听器来处理完全加载的地图 就我而言 我需要从地图获取边界 所以我这样做了 google maps event addListener this map bounds changed this mapL
  • Google 地图 v3 - 阻止 API 加载 Roboto 字体

    Google 将样式添加到地图容器中以覆盖我的样式 我知道如何解决这个问题 但API v3 8 9 exp 还加载了我并不真正需要 想要的网络字体 Roboto 有什么设置 选项 方法可以解决这个问题吗 我可以阻止 API 添加额外的 CS
  • 有没有办法限制 Google 地点自动完成功能搜索城市的街道?

    使用 Google 地方信息时可以将搜索限制在城市的街道吗Autocomplete 您可以设置Autocomplete使用选项geocode作为类型 这将限制返回到地址的结果 var input document getElementByI
  • isLocationOnEdge 公差计算(以公里为单位)

    我正在使用谷歌地图地图API位置在边缘 var isLocationNear google maps geometry poly isLocationOnEdge latlng new google maps Polyline path g
  • 如何将额外的文本添加到颤振谷歌地图自定义标记中?

    问题是如何将自定义谷歌地图标记上的文本重叠与代表车辆登记号的文本融合在一起 我尝试使用此方法将文本叠加在图标上 生成器 上下文 gt 但根本不被认可 class MapsDemo extends StatefulWidget overrid
  • 带有航点的 Google 路线服务无法正常工作

    这是我的代码 用于显示带有谷歌方向的航路点 Show Route if e keyCode 109 booking docket dialog isOpen var pickup txt pickup lat long val var pi
  • Infowindow 仅适用于 1 条路线,不适用于 google 地图中的其他 3 条路线

    我在谷歌地图上总共有 5 个位置 我已经为此设置了标记 并在标记之间添加了路线路径 在这条路径之间我添加了信息窗口 但它仅适用于 1 条路线 不适用于其他 3 条路线 任何人都可以帮忙吗我为什么它不适用于其他 3 条路线 而且在关闭该信息窗

随机推荐