开发者

how can i make custom icons on a polyline?

I am in the midst of converting old googlemap v2 code to v3. Now i stumble upon a problem how to create custom markers for a polyline? I managed to create custom markers just for points on a m开发者_Go百科ap. But when i use the "new" google.maps.Polyline to create a route/path i don't now how i can set custom markers.

I don't have a reference to the individul markers

 var flightPlanCoordinates = [
new google.maps.LatLng(37.772323, -122.214897),
new google.maps.LatLng(21.291982, -157.821856),
new google.maps.LatLng(-18.142599, 178.431),
new google.maps.LatLng(-27.46758, 153.027892)
];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
});

i tried flightPlanCoordinates.setIcon("img/icon.jpg");

In my case i like to use 3 different icons (start, doing, finished).

back in v2 i had a switch function

function returnGIcon(type) {
var icon =  new GIcon(); 
switch(type) {

And i used

for(i=1;i<points.length-1;i++) {
marker = new GMarker(points[i],{icon:returnGIcon('doing')});
map.addOverlay(marker);
}

How can i fix this?


A polyline shows a line between the points and does not add markers. If you still want to show a marker on each (specified) point on the polyline you need to add a GMarker on those points. So basically you create both the line and the GMarkers like you did before.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜