GoogleMap API 入門 —— 畫圖和線條

標籤：style   class   blog   c   code   java   

畫圖和線條分別用Polygon和Polyline，過程如下

1.定義一個畫圖資訊相關的對象，這個對象畫圖和畫線條都是可以應用的

1 var polyOption = 2 {3     paths: [],4     strokeColor: "#FF0000",5     strokeOpacity: 0.8,6     strokeWeight: 2,7     fillColor: "#FF0000",8     fillOpacity: 0.359 }

 

2.畫多邊形，這裡有兩種畫法

• 可以先setMap，然後setPath
• 可以直接，設定Path參數，然背後setMap

1 var bermudaTriangle = new google.maps.Polygon( polyOption );2 bermudaTriangle.setMap(map);3 bermudaTriangle.setPath( triangleCoords )

 

3.畫線條，一樣

1 var lineArea = new google.maps.Polyline( polyOption );2 lineArea.setMap(map);3 lineArea.setPath( triangleCoords )