谷歌地图标记可以采用复杂的svg路径作为其图标,例如:
var baseSvg = {
x1 : "m 0,0 l45,0 l 190,225 l -45,0 l -190,-225 z",
x2 : "m 225,0 l -45,0 l -190,225 l 45,0 l 190,-225 z"
};
var baseIcon = {
path: "M0,0 " + baseSvg["x1"] + baseSvg["x2"],
fillColor: "#000000",
fillOpacity: 1,
scale: .2,
strokeColor: "black",
strokeWeight: 0,
rotation: 15
};
接着将其输入到一个标记器中:
var marker = new google.maps.Marker({
position: new google.maps.LatLng(somelat, somelng),
icon: baseIcon
});
一切良好。但它只绘制单一颜色(在此示例中为黑色)。那么,它们只能有单一颜色吗?还是有办法使用多种颜色的符号? 使用示例代码,x1将是红色,x2将是绿色。
请注意,这个结构是从这里借鉴来的:如何在Google Maps API v3中指示SVG路径中的透明度?,它可以很好地工作。