Question

我正在将旧的googlemap v2代码转换为v3。现在我偶然发现了如何为折线创建自定义标记的问题？我设法为地图上的点创建自定义标记。但是，当我使用“新”google.maps.Polyline创建路线/路径时，我现在不知道如何设置自定义标记。

我没有对个体标记的引用

 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
});

我试过flightPlanCoordinates.setIcon（“img / icon.jpg”）;

在我的情况下，我喜欢使用3个不同的图标（开始，做，完成）。

回到v2我有一个开关功能

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

我用过

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

我该如何解决这个问题？

Answer 1

折线显示点之间的线，不添加标记。如果您仍想在折线上的每个（指定）点上显示标记，则需要在这些点上添加GMarker。所以基本上你就像以前一样创建了直线和GMarkers。

如何在折线上制作自定义图标？

1 个答案: