2011-05-23 85 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