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

Question

你好，我是一般的铁轨新手。

我正在构建一个使用rails的web应用程序，在这个应用程序中我需要使用google map呈现不同的人的位置。

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

Answer 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); 
      }) 

Answer 2

可以使用MapIconMaker图书馆着色标记，你可以定义多种颜色manege您的组：

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}); 

希望这可以帮助

Answer 3

您可以使用gmaps4rails和customize您的标记根据任​​何你想要的规则。

请参阅screencasts（我知道res很差，但对Railscasts投票！）。