Ruby on rails - 使用 Javascript 在 Google 地图上的颜色标记

ruby on rails - Color markers on Google map using Javascript

本文关键字:地图 颜色 Google rails on 使用 Javascript Ruby      更新时间:2023-09-26

你好,我是一般的轨道新手。

我正在使用轨道构建一个 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 投票!