Question

我正在将gmap v2升级到v3。我的代码以前使用GIcon来创建Icons数组并基于热图值。我无法更新代码，也不知道如何更改代码。我的代码是：

var icons = []
for (var i=1; i<6; i++) {
    var icon = new GIcon();
    icon.image = "/images/gmap/clusters/" + i + "s.png";
    icon.smallImage = "/images/gmap/clusters/" + i + "s.png";
    icon.shadow = "/images/gmap/small_shadow.png";
    icon.iconSize =  new google.maps.iconSize(16,27); //small
    icon.shadowSize = new  google.maps.shadowSize(37, 35);
    icon.iconAnchor = new google.maps.iconAnchor(13, 20);
    icon.infoWindowAnchor = new google.maps.infoWindowAnchor(12, 0);
    icons.push(icon);
}

这会被语句

调用

var m = addMarker(new google.maps.LatLng(geo[1], geo[0]), icons[heat - 1]);

请建议如何摆脱这个GIcon（）并使用它，以便我可以根据条件值使用不同的图标。

Answer 1

这是您可以创建自己的彩色标记的方法：

var pinAlreadySeen = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|8E7569",
    new google.maps.Size(21, 34),
    new google.maps.Point(0, 0),
    new google.maps.Point(10, 34));

查看网址

中的chst参数

chst=d_map_pin_letter&chld=%E2%80%A2|8E7569"

在|之后，您可以编写自己的RGB代码，该代码对应于所需的颜色。只需用你想要的HEX代码替换我的8E7569

如何在gmap v3中为图标使用自定义颜色

1 个答案: