22
我想用一些自定義多段線來製作一個基於Google Map v3的地圖,並將其中的一些點線或虛線。我似乎無法找到任何這樣做的方式。這有可能,如果是的話,如何?使用虛線或點設計Google Maps v3多段線樣式?
我想用一些自定義多段線來製作一個基於Google Map v3的地圖,並將其中的一些點線或虛線。我似乎無法找到任何這樣做的方式。這有可能,如果是的話,如何?使用虛線或點設計Google Maps v3多段線樣式?
這個功能已經被添加到折線選項,這就是所謂的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
控制。這有點冗長,但非常靈活。
此外破折號,新功能包括一個圓圈,箭頭預定義的路徑和文件,甚至包括動畫演示:)
繪製上面的代碼時,多邊形工作。但是一旦我完成了多邊形的繪製,虛線符號就消失了。 – Popara 2014-03-27 15:42:52
能否請您接受對方的回答是解決方案,因爲它是正確的? – kaiser 2013-11-17 14:30:07