添加圓形覆蓋物
Circle
與 Polygon
類似,您也可以為圓的邊緣(描邊)定義自定義顏色、粗細和不透明度,以及為圓內區
域(填充區)定義自定義顏色和不透明度。顏色應以十六進制數值 HTML 樣式表示。
與 Polygon
不同的是,您無需為 Circle
定義 paths
。圓具有兩個額外的形狀定義屬性:
center
指定圓中心的 google.maps.LatLng
radius
指定圓的半徑(單位:米)
圓的 editable
屬性指定用戶是否可以編輯形狀。請參閱下文的用戶可編輯形狀。同理,您也可以通過設
置draggable
屬性來允許用戶拖動圓。
以下代碼將一個圓添加到地圖中
var center = new google.maps.LatLng(30.54024807, 104.06966686);
var testCircle = new google.maps.Circle({
radius: 1000000,//半徑
center: center,//中心點
strokeColor: '#FF0000',//描邊顏色
strokeOpacity: 1.0,//描邊透明度
strokeWeight: 2, //描邊線的像素
fillColor: '#FF0000',//填充顏色
fillOpacity: 0.35//填充透明度
});
testCircle.setMap(map);
移除圓
如需移除地圖中的圓,請調用 setMap()
方法,并傳遞 null
作為其自變量。
circle.setMap(null);
請注意,以上方法不會刪除圓,而只是從地圖中移除圓。如果您實際上是想刪除圓,則應先將其從地圖中移除,然后將圓本身設置為 null
。