Javascript 如何在GMAPv3中为图标使用自定义颜色
我正在将我的gmap v2升级到v3。我的代码以前使用GIcon创建图标数组并基于热图值。我无法更新代码,不知道如何在这里更改代码。我的代码是:Javascript 如何在GMAPv3中为图标使用自定义颜色,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我正在将我的gmap v2升级到v3。我的代码以前使用GIcon创建图标数组并基于热图值。我无法更新代码,不知道如何在这里更改代码。我的代码是: 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/" +
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);
}
请建议如何删除此GIcon()并使用它,以便我可以根据条件值使用不同的图标。这是您创建自己的彩色标记的方法:
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));
查看URL中的chst
参数
chst=d_map_pin_letter&chld=%E2%80%A2 | 8E7569”
在
|
之后,您可以编写自己的RGB代码,与所需的颜色相对应。只需将我的8E7569
替换为所需的十六进制代码即可v3 API支持,它们已定义(略)与v2 API中的方式不同,但翻译很简单。你有什么问题?你的v3代码是什么样子的?好吧,我用一个js调用另一个具有gmap功能的js。v3代码太大,无法附加在这里,你能提供你的电子邮件地址以便我发送给你吗。
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));