谷歌地图上的颜色标记使用Javascript

时间:2011-05-20 19:42:20

标签: javascript ruby-on-rails

你好我是一般的新手。

我正在使用rails构建一个Web应用程序,我需要使用谷歌地图渲染不同的人物位置。

基本上我想根据用户组生成不同的颜色标记。现在我该如何在javascript文件中进行处理?

3 个答案:

答案 0 :(得分:2)

您可以使用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});

希望这有帮助

答案 1 :(得分:0)

如果我没记错,除了默认图标外,您必须在此处所述的其他着色方案中使用图标作为图标: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);
            })

答案 2 :(得分:0)

根据您想要的任何规则,您可以使用gmaps4railscustomize标记。

请参阅screencasts(我知道资源很差但投票支持Railscasts!)。