2016-11-14 202 views
1

我想補充圍繞折線邊界相同,如下圖: enter image description here添加邊框折線谷歌地圖

我能做到這一點,這可能嗎? 我已經在網上搜索這個問題的解決方案,目前還沒有。

回答

4

的竅門是添加兩條折線,粗黑一個會做的邊框和綠色的,少厚。

這樣,因爲綠色的人會出現在一個黑色的頂部,但黑色的一個側面仍然會是可見的,它要充當一個邊界。

這裏的代碼示例來說明:

var border = new google.maps.Polyline({ 
    path: path, 
    strokeColor: 'black', // border color 
    strokeOpacity: 1.0, 
    strokeWeight: 7 // You can change the border weight here 
}); 

var line = new google.maps.Polyline({ 
    path: path, // /!\ same path 
    strokeColor: 'green', 
    strokeOpacity: 1.0, 
    strokeWeight: 4 
}); 
+0

你可以給我一個活生生的例子,在此先感謝。 – Brk

+0

@Brk我只是寫了一個類似的答案。這裏是一個例子:http://jsfiddle.net/4a87k/651/ – Turnip

+0

蘿蔔謝謝你的工作示例。我使用示例代碼進行了編輯,但請參閱[Turnip's fiddle](http://jsfiddle.net/4a87k/651/)以獲取工作示例。 – nicovank