Ruby on rails - 使用 Javascript 在 Google 地图上的颜色标记
ruby on rails - Color markers on Google map using Javascript
你好,我是一般的轨道新手。
我正在使用轨道构建一个 Web 应用程序,我需要在其中使用谷歌地图渲染不同的人的位置。
基本上我想根据用户组生成不同的颜色标记。现在如何在javascript文件中进行该处理?
您可以使用MapIconMaker库为标记着色,您可以定义多种颜色来管理您的组:
var GROUP_1 = MapIconMaker.createMarkerIcon({primaryColor: "#04b404"});
var GROUP_2 = MapIconMaker.createMarkerIcon({primaryColor: "#58acf4"});
var GROUP_3 = MapIconMaker.createMarkerIcon({primaryColor: "#ff8000"});
point = new GLatLng(latitude, longitude);
marker = new GMarker(point,{icon: GROUP_1});
希望这有帮助
如果我
没记错的话,除了默认图标之外,您必须在其他着色场景中使用图标的图像,如下所述: http://code.google.com/apis/maps/documentation/javascript/reference.html#MarkerOptions
在我以前使用过的实现中,它看起来像这样:
$.each(data, function() {
var post_position = new google.maps.LatLng(this.latitude, this.longitude);
var marker = new google.maps.Marker({
position: post_position,
map: map,
title: this.title,
icon: "images/purple_icon.png"
});
markerArray.push(marker);
})
您可以使用gmaps4rails并根据所需的任何规则自定义标记。
查看截屏视频(我知道 res 很差,但请对 Railscasts 投票!
相关文章:
- 如何在googlemapapiv3中更改每种类型的地图标记颜色
- 在谷歌地图上的交叉路口2,3..圆圈中填充不同的颜色
- 如何在谷歌地图api中动态更改圆圈颜色
- 如何更改谷歌地图的颜色
- ASP.NET 或Javascript库,用于在美国地图上以颜色绘制自定义零件
- 当页面上有 2 张地图时,更改 JvectorMap 的颜色
- 颜色色调我的谷歌地图
- 美国地图拉菲尔插件自动更新和动态填充颜色
- 更改静态地图上活动项目的图钉颜色
- 如何在构建路线后在谷歌地图API中更改路线的颜色
- 使用谷歌地图API为谷歌地图上的不同位置提供不同的颜色
- 通过 loadURL 函数加载标记图层时更改地图框中的标记颜色
- 如何填充谷歌地图数据图层的颜色
- 如何在谷歌地图中覆盖KML颜色
- 无法在谷歌地图符号 (svg) 标记中填充颜色
- 谷歌地图v3 - 多标记 - 不同的颜色
- 多边形颜色使用谷歌地图
- 更改谷歌地图 API v2 的颜色
- 地图框单个标记在单击时更改颜色
- 改变地理地图颜色