2011-05-23 86 views
22

我想用一些自定义多段线来制作一个基于Google Map v3的地图,并将其中的一些点线或虚线。我似乎无法找到任何这样做的方式。这有可能,如果是的话,如何?使用虚线或点设计Google Maps v3多段线样式?

+0

能否请您接受对方的回答是解决方案,因为它是正确的? – kaiser 2013-11-17 14:30:07

回答

56

这个功能已经被添加到折线选项,这就是所谓的Symbols on Polylines

创建虚线看起来像这样(demo):

var lineCoordinates = [ 
    new google.maps.LatLng(22.291, 153.027), 
    new google.maps.LatLng(18.291, 153.027) 
]; 

var lineSymbol = { 
    path: 'M 0,-1 0,1', 
    strokeOpacity: 1, 
    scale: 4 
}; 

var line = new google.maps.Polyline({ 
    path: lineCoordinates, 
    strokeOpacity: 0, 
    icons: [{ 
    icon: lineSymbol, 
    offset: '0', 
    repeat: '20px' 
    }], 
    map: map 
}); 

短跑长度由path的控制+/- 1,间距由repeat控制。这有点冗长,但非常灵活。

此外破折号,新功能包括一个圆圈,箭头预定义的路径和文件,甚至包括动画演示:)

+1

绘制上面的代码时,多边形工作。但是一旦我完成了多边形的绘制,虚线符号就消失了。 – Popara 2014-03-27 15:42:52