Polygons

Polyline クラス

google.maps.Polyline クラス

ポリラインは、地図上の接続された線セグメントの線形オーバーレイです。

このクラスは MVCObject を拡張します。

v=beta を使用している場合は、const {Polyline} = await google.map.importLibrary("maps") を呼び出してアクセスできます。詳しくは、Maps JavaScript API のライブラリをご覧ください。

コンストラクタ
Polyline	Polyline([opts]) パラメータ: opts:  PolylineOptions optional 渡された PolylineOptions を使用してポリラインを作成します。これは、ポリラインのパスと、ポリラインを描画するときに使用するストローク スタイルの両方を指定します。ポリラインを作成する際には、LatLng の配列か LatLng の MVCArray を渡すことができます。ただし、インスタンス化時に単純な配列がポリライン内の MVCArray に変換されます。

Methods
getDraggable	getDraggable() パラメータ: なし 戻り値: boolean ユーザーがこのシェイプをドラッグできるかどうかを返します。
getEditable	getEditable() パラメータ: なし 戻り値: boolean ユーザーがこのシェイプを編集できるかどうかを返します。
getMap	getMap() パラメータ: なし 戻り値: Map|null このシェイプが追加されている地図を返します。
getPath	getPath() パラメータ: なし 戻り値: MVCArray<LatLng> パスを取得します。
getVisible	getVisible() パラメータ: なし 戻り値: boolean このポリゴンが地図上に表示されるかどうかを返します。
setDraggable	setDraggable(draggable) パラメータ: draggable: boolean 戻り値: None true に設定した場合、ユーザーはこのシェイプを地図上にドラッグできます。geodesic プロパティはドラッグモードを定義します。
setEditable	setEditable(editable) パラメータ: editable:  boolean 戻り値: None true に設定されている場合は、頂点や各セグメントに表示されたコントロール ポイントをドラッグすることで、このシェイプを編集できます。
setMap	setMap(map) パラメータ: map:  Map optional 戻り値: None このシェイプを指定のマップにレンダリングします。地図を null に設定すると、シェイプは削除されます。
setOptions	setOptions(options) パラメータ: options: PolylineOptions optional 戻り値: None
setPath	setPath(path) パラメータ: path: MVCArray<LatLng>|Array<LatLng|LatLngLiteral> 戻り値: None パスを設定します。詳しくは、PolylineOptions をご覧ください。
setVisible	setVisible(visible) パラメータ: visible: boolean 戻り値: None false に設定すると、このポリゴンは非表示になります。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll

イベント
click	function(event) 引数: event:  PolyMouseEvent このイベントは、DOM click イベントがポリラインに発生すると発生します。
contextmenu	function(event) 引数: event:  PolyMouseEvent このイベントは、Poyline 上で DOM コンテキスト メニュー イベントが発生すると発生します。
dblclick	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリライン上で DOM dblclick イベントが発生すると発生します。
drag	function(event) 引数: event: MapMouseEvent このイベントは、ユーザーがポリラインをドラッグしている間に繰り返し発生します。
dragend	function(event) 引数: event:  MapMouseEvent このイベントは、ユーザーがポリラインのドラッグを停止すると発生します。
dragstart	function(event) 引数: event: MapMouseEvent このイベントは、ユーザーがポリラインのドラッグを開始すると発生します。
mousedown	function(event) 引数: event: PolyMouseEvent このイベントは、ポリライン上で DOM mousedown イベントが発生すると発生します。
mousemove	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリライン上で DOM mousemove イベントが発生すると発生します。
mouseout	function(event) 引数: event: PolyMouseEvent このイベントは、ポリライン mouseout で発生します。
mouseover	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリライン mouseover で発生します。
mouseup	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリライン上で DOM mouseup イベントが発生すると発生します。
rightclick	非推奨: macOS の Ctrl キーを押しながらのクリックなどの使用パターンをサポートする場合は、代わりに Polyline.contextmenu イベントを使用します。 function(event) 引数: event:  PolyMouseEvent このイベントは、ポリラインが右クリックされると発生します。

PolylineOptions インターフェース

google.maps.PolylineOptions インターフェース

PolylineOptions オブジェクト。ポリライン上に設定できるプロパティを定義するために使用されます。

プロパティ
clickable optional	タイプ: boolean optional デフォルト: true この Polyline がマウス イベントを処理するかどうかを示します。
draggable optional	タイプ: boolean optional デフォルト: false true に設定した場合、ユーザーはこのシェイプを地図上にドラッグできます。geodesic プロパティはドラッグモードを定義します。
editable optional	タイプ: boolean optional デフォルト: false true に設定されている場合は、頂点や各セグメントに表示されたコントロール ポイントをドラッグすることで、このシェイプを編集できます。
geodesic optional	タイプ: boolean optional デフォルト: false true の場合、ポリゴンのエッジは測地線として解釈され、地球の曲線に従います。false の場合、ポリゴンのエッジは画面空間に直線としてレンダリングされます。測地線的なポリゴンの形状は、ドラッグすると変化して見えることがあります。これは、ディメンションが地表面に対して相対的に維持されるためです。
icons optional	タイプ: Array<IconSequence> optional ポリラインに沿ってレンダリングされるアイコン。
map optional	タイプ: Map optional ポリラインを表示する地図。
path optional	タイプ: MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optional ポリラインの座標の順序。このパスは、LatLng の単純な配列か、LatLng の MVCArray を使用して指定できます。単純な配列を渡すと、MVCArray に変換されます。MVCArray に LatLng を挿入または削除すると、地図上のポリラインが自動的に更新されます。
strokeColor optional	タイプ: string optional ストロークの色。名前付き拡張色を除くすべての CSS3 色に対応します。
strokeOpacity optional	タイプ: number optional ストロークの不透明度を 0.0〜1.0 で指定します。
strokeWeight optional	タイプ: number optional ピクセル単位のストローク幅。
visible optional	タイプ: boolean optional デフォルト: true このポリラインが地図に表示されるかどうか。
zIndex optional	タイプ: number optional その他のポリラインと比較した zIndex。

IconSequence インターフェース

google.maps.IconSequence インターフェース

アイコンをラインでレンダリングする方法を記述します。

ポリラインが測地線である場合、オフセットと繰り返しの両方に指定された距離は、デフォルトでメートル単位で計算されます。オフセットまたはリピートをピクセル値に設定すると、画面上の距離はピクセル単位で計算されます。

プロパティ
fixedRotation optional	タイプ: boolean optional デフォルト: false true 場合、シーケンス内の各アイコンは、それが配置されるエッジの角度に関係なく、同じ固定回転になります。false の場合、シーケンス内の各アイコンを、そのエッジに合わせるために回転させます。
icon optional	タイプ: Symbol optional 線上にレンダリングするアイコン。
offset optional	タイプ: string optional デフォルト: '100%' アイコンをレンダリングする線の始点からの距離。この距離は、ラインの長さのパーセンテージ（例: 50%）またはピクセル数（例: 50px）で表現されます。
repeat optional	タイプ: string optional デフォルト: 0 ライン上の連続するアイコン間の距離。この距離は、ラインの長さのパーセンテージ（例: 50%）またはピクセル数（例: 50px）で表現されます。アイコンの繰り返しを無効にするには、「0」を指定します。

Polygon クラス

google.maps.Polygon クラス

ポリゴンは、ポリラインと同様に、連結された一連の座標を順序付きで定義します。さらに、ポリゴンは閉ループを形成し、塗りつぶしの領域を定義します。デベロッパー ガイドのサンプルでは、シンプルなポリゴン、穴があるポリゴンなどを紹介しています。なお、データレイヤを使用してポリゴンを作成することもできます。データレイヤは内側と外側のパスの順序を処理するため、より簡単に穴を作成できます。

このクラスは MVCObject を拡張します。

v=beta を使用している場合は、const {Polygon} = await google.map.importLibrary("maps") を呼び出してアクセスできます。詳しくは、Maps JavaScript API のライブラリをご覧ください。

コンストラクタ
Polygon	Polygon([opts]) パラメータ: opts:  PolygonOptions optional 渡された PolygonOptions を使用して、ポリゴンを作成します。これは、ポリゴンのパス、ポリゴンの縁のストローク スタイル、ポリゴンの内部領域の塗りつぶしスタイルを指定します。ポリゴンには 1 つ以上のパスを含めることができます。各パスは LatLng の配列で構成されます。これらのパスを作成するときは、LatLng の配列、または LatLng の MVCArray を渡すことができます。配列は、インスタンス化されるとポリゴン内の MVCArray に変換されます。

Methods
getDraggable	getDraggable() パラメータ: なし 戻り値: boolean ユーザーがこのシェイプをドラッグできるかどうかを返します。
getEditable	getEditable() パラメータ: なし 戻り値: boolean ユーザーがこのシェイプを編集できるかどうかを返します。
getMap	getMap() パラメータ: なし 戻り値: Map|null このシェイプが追加されている地図を返します。
getPath	getPath() パラメータ: なし 戻り値: MVCArray<LatLng> 最初のパスを取得します。
getPaths	getPaths() パラメータ: なし 戻り値: MVCArray<MVCArray<LatLng>> このポリゴンのパスを取得します。
getVisible	getVisible() パラメータ: なし 戻り値: boolean このポリゴンが地図上に表示されるかどうかを返します。
setDraggable	setDraggable(draggable) パラメータ: draggable: boolean 戻り値: None true に設定した場合、ユーザーはこのシェイプを地図上にドラッグできます。geodesic プロパティはドラッグモードを定義します。
setEditable	setEditable(editable) パラメータ: editable:  boolean 戻り値: None true に設定されている場合は、頂点や各セグメントに表示されたコントロール ポイントをドラッグすることで、このシェイプを編集できます。
setMap	setMap(map) パラメータ: map: Map optional 戻り値: None このシェイプを指定のマップにレンダリングします。地図を null に設定すると、シェイプは削除されます。
setOptions	setOptions(options) パラメータ: options: PolygonOptions optional 戻り値: None
setPath	setPath(path) パラメータ: path: MVCArray<LatLng>|Array<LatLng|LatLngLiteral> 戻り値: None 最初のパスを設定します。詳しくは、PolygonOptions をご覧ください。
setPaths	setPaths(paths) パラメータ: paths:  MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> 戻り値: None このポリゴンのパスを設定します。
setVisible	setVisible(visible) パラメータ: visible:  boolean 戻り値: None false に設定すると、このポリゴンは非表示になります。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll

イベント
click	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリゴン上で DOM click イベントが発生すると発生します。
contextmenu	function(event) 引数: event: PolyMouseEvent このイベントは、ポリゴンで DOM コンテキスト メニュー イベントが発生すると発生します。
dblclick	function(event) 引数: event: PolyMouseEvent このイベントは、ポリゴン上で DOM dblclick イベントが発生すると発生します。
drag	function(event) 引数: event: MapMouseEvent このイベントは、ユーザーがポリゴンをドラッグしている間に繰り返し発生します。
dragend	function(event) 引数: event:  MapMouseEvent このイベントは、ユーザーがポリゴンのドラッグを停止すると発生します。
dragstart	function(event) 引数: event: MapMouseEvent このイベントは、ユーザーがポリゴンのドラッグを開始すると発生します。
mousedown	function(event) 引数: event: PolyMouseEvent このイベントは、ポリゴン上で DOM mousedown イベントが発生すると発生します。
mousemove	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリゴン上で DOM mousemove イベントが発生すると発生します。
mouseout	function(event) 引数: event: PolyMouseEvent このイベントは、ポリゴン mouseout で発生します。
mouseover	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリゴン mouseover で発生します。
mouseup	function(event) 引数: event:  PolyMouseEvent このイベントは、ポリゴン上で DOM mouseup イベントが発生すると発生します。
rightclick	非推奨: macOS の Ctrl キーを押しながらのクリックなどの使用パターンをサポートする場合は、代わりに Polygon.contextmenu イベントを使用します。 function(event) 引数: event: PolyMouseEvent このイベントは、ポリゴンが右クリックされると発生します。

PolygonOptions インターフェース

google.maps.PolygonOptions インターフェース

Polygon に設定できるプロパティを定義するために使用される PolygonOptions オブジェクト。

プロパティ
clickable optional	タイプ: boolean optional デフォルト: true この Polygon がマウス イベントを処理するかどうかを示します。
draggable optional	タイプ: boolean optional デフォルト: false true に設定した場合、ユーザーはこのシェイプを地図上にドラッグできます。geodesic プロパティはドラッグモードを定義します。
editable optional	タイプ: boolean optional デフォルト: false true に設定されている場合は、頂点や各セグメントに表示されたコントロール ポイントをドラッグすることで、このシェイプを編集できます。
fillColor optional	タイプ: string optional 塗りつぶしの色。名前付き拡張色を除くすべての CSS3 色に対応します。
fillOpacity optional	タイプ: number optional 0.0～1.0 で指定された塗りつぶしの不透明度。
geodesic optional	タイプ: boolean optional デフォルト: false true の場合、ポリゴンのエッジは測地線として解釈され、地球の曲線に従います。false の場合、ポリゴンのエッジは画面空間に直線としてレンダリングされます。測地線的なポリゴンの形状は、ドラッグすると変化して見えることがあります。これは、ディメンションが地表面に対して相対的に維持されるためです。
map optional	タイプ: Map optional ポリゴンを表示する地図。
paths optional	タイプ: MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optional クローズド ループを指定する一連の座標順。ポリラインとは異なり、ポリゴンは 1 つ以上のパスで構成されます。そのため、paths プロパティに LatLng 座標の配列を 1 つ以上指定できます。パスは自動的に閉じられます。パスの最初の頂点が最後の頂点として繰り返されないようにしてください。単純なポリゴンは、LatLng の単一の配列を使用して定義できます。より複雑なポリゴンの場合、配列の配列を指定できます。単純な配列はすべて MVCArray に変換されます。MVCArray から LatLng を追加または削除すると、地図上のポリゴンが自動的に更新されます。
strokeColor optional	タイプ: string optional ストロークの色。名前付き拡張色を除くすべての CSS3 色に対応します。
strokeOpacity optional	タイプ: number optional 0.0～1.0 で指定されたストロークの不透明度。
strokePosition optional	タイプ: StrokePosition optional デフォルト: StrokePosition.CENTER ストロークの位置。
strokeWeight optional	タイプ: number optional ピクセル単位のストローク幅。
visible optional	タイプ: boolean optional デフォルト: true このポリゴンが地図上に表示されるかどうか。
zIndex optional	タイプ: number optional その他のポリラインと比較した zIndex。

PolyMouseEvent インターフェース

google.maps.PolyMouseEvent インターフェース

このオブジェクトは、ポリラインとポリゴン上のマウスイベントから返されます。

このインターフェースは MapMouseEvent を拡張します。

プロパティ
edge optional	タイプ: number optional イベントが発生したときのカーソルの下のパス内のエッジのインデックス（編集可能なポリゴンの中点でイベントが発生した場合）。
path optional	タイプ: number optional 頂点でイベントが発生し、ポリゴンが編集可能である場合、イベントが発生したときのカーソルの下のパスのインデックス。それ以外の場合は undefined。
vertex optional	タイプ: number optional イベント発生時にカーソルの下にある頂点のインデックス。イベントが Vertex で発生し、ポリラインまたはポリゴンが編集可能である場合。頂点でイベントがない場合、値は undefined になります。
継承される: domEvent、 latLng

Methods
継承される: stop

Rectangle クラス

google.maps.Rectangle クラス

矩形オーバーレイ。

このクラスは MVCObject を拡張します。

v=beta を使用している場合は、const {Rectangle} = await google.map.importLibrary("maps") を呼び出してアクセスできます。詳しくは、Maps JavaScript API のライブラリをご覧ください。

コンストラクタ
Rectangle	Rectangle([opts]) パラメータ: opts: RectangleOptions optional 渡された RectangleOptions を使用して、境界とスタイルを指定する長方形を作成します。

Methods
getBounds	getBounds() パラメータ: なし 戻り値: LatLngBounds|null この矩形の境界を返します。
getDraggable	getDraggable() パラメータ: なし 戻り値: boolean ユーザーがこの長方形をドラッグできるかどうかを返します。
getEditable	getEditable() パラメータ: なし 戻り値: boolean この長方形をユーザーが編集できるかどうかを返します。
getMap	getMap() パラメータ: なし 戻り値: Map|null この矩形が表示される地図を返します。
getVisible	getVisible() パラメータ: なし 戻り値: boolean この長方形が地図上に表示されるかどうかを返します。
setBounds	setBounds(bounds) パラメータ: bounds:  LatLngBounds|LatLngBoundsLiteral optional 戻り値: None この矩形の境界を設定します。
setDraggable	setDraggable(draggable) パラメータ: draggable: boolean 戻り値: None true に設定した場合、ユーザーはこの長方形を地図上にドラッグできます。
setEditable	setEditable(editable) パラメータ: editable: boolean 戻り値: None true に設定すると、ユーザーは隅や各端にあるコントロール ポイントをドラッグして、この長方形を編集できます。
setMap	setMap(map) パラメータ: map: Map optional 戻り値: None 指定した地図上に長方形をレンダリングします。地図を null に設定すると、長方形は削除されます。
setOptions	setOptions(options) パラメータ: options: RectangleOptions 戻り値: None
setVisible	setVisible(visible) パラメータ: visible:  boolean 戻り値: None false に設定すると、この長方形が非表示になります。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll

イベント
bounds_changed	function() 引数: なし このイベントは、長方形の境界が変更されると発生します。
click	function(event) 引数: event: MapMouseEvent このイベントは、長方形で DOM クリック イベントが発生すると発生します。
contextmenu	function(event) 引数: event: MapMouseEvent このイベントは、長方形で DOM コンテキスト メニュー イベントが発生すると発生します。
dblclick	function(event) 引数: event:  MapMouseEvent このイベントは、長方形で DOM dblclick イベントが発生すると発生します。
drag	function(event) 引数: event: MapMouseEvent このイベントは、ユーザーが長方形をドラッグしているときに繰り返し発生します。
dragend	function(event) 引数: event: MapMouseEvent このイベントは、ユーザーが長方形のドラッグを停止すると発生します。
dragstart	function(event) 引数: event:  MapMouseEvent このイベントは、ユーザーが長方形のドラッグを開始すると発生します。
mousedown	function(event) 引数: event: MapMouseEvent このイベントは、長方形で DOM マウスダウン イベントが発生すると発生します。
mousemove	function(event) 引数: event:  MapMouseEvent このイベントは、長方形で DOMMousemove イベントが発生すると発生します。
mouseout	function(event) 引数: event: MapMouseEvent このイベントは長方形のマウスアウトで発生します。
mouseover	function(event) 引数: event: MapMouseEvent このイベントは、長方形のマウスオーバーで発生します。
mouseup	function(event) 引数: event:  MapMouseEvent このイベントは、長方形で DOM マウスアップ イベントが発生すると発生します。
rightclick	非推奨: macOS の Ctrl キーを押しながらのクリックなどの使用パターンをサポートする場合は、代わりに Rectangle.contextmenu イベントを使用します。 function(event) 引数: event: MapMouseEvent このイベントは、長方形が右クリックされると発生します。

RectangleOptions インターフェース

google.maps.RectangleOptions インターフェース

Rectangle で設定できるプロパティを定義するために使用される RectangleOptions オブジェクト。

プロパティ
bounds optional	タイプ: LatLngBounds|LatLngBoundsLiteral optional 境界。
clickable optional	タイプ: boolean optional デフォルト: true この Rectangle がマウス イベントを処理するかどうかを示します。
draggable optional	タイプ: boolean optional デフォルト: false true に設定した場合、ユーザーはこの長方形を地図上にドラッグできます。
editable optional	タイプ: boolean optional デフォルト: false true に設定すると、ユーザーは隅や各端にあるコントロール ポイントをドラッグして、この長方形を編集できます。
fillColor optional	タイプ: string optional 塗りつぶしの色。名前付き拡張色を除くすべての CSS3 色に対応します。
fillOpacity optional	タイプ: number optional 0.0～1.0 で指定された塗りつぶしの不透明度。
map optional	タイプ: Map optional 矩形を表示する地図。
strokeColor optional	タイプ: string optional ストロークの色。名前付き拡張色を除くすべての CSS3 色に対応します。
strokeOpacity optional	タイプ: number optional 0.0～1.0 で指定されたストロークの不透明度。
strokePosition optional	タイプ: StrokePosition optional デフォルト: StrokePosition.CENTER ストロークの位置。
strokeWeight optional	タイプ: number optional ピクセル単位のストローク幅。
visible optional	タイプ: boolean optional デフォルト: true この長方形が地図上に表示されるかどうか。
zIndex optional	タイプ: number optional その他のポリラインと比較した zIndex。

Circle クラス

google.maps.Circle クラス

地表面上の円で、「球冠」とも呼ばれます。

このクラスは MVCObject を拡張します。

v=beta を使用している場合は、const {Circle} = await google.map.importLibrary("maps") を呼び出してアクセスできます。詳しくは、Maps JavaScript API のライブラリをご覧ください。

コンストラクタ
Circle	Circle([circleOrCircleOptions]) パラメータ: circleOrCircleOptions:  Circle|CircleLiteral|CircleOptions optional 渡された CircleOptions を使用して、中心、半径、スタイルを指定する円を作成します。

Methods
getBounds	getBounds() パラメータ: なし 戻り値: LatLngBounds|null この円の LatLngBounds を取得します。
getCenter	getCenter() パラメータ: なし 戻り値: LatLng この円の中心を取得します。
getDraggable	getDraggable() パラメータ: なし 戻り値: boolean この円をユーザーがドラッグできるかどうかを返します。
getEditable	getEditable() パラメータ: なし 戻り値: boolean この円をユーザーが編集できるかどうかを指定します。
getMap	getMap() パラメータ: なし 戻り値: Map|null この円が表示される地図を返します。
getRadius	getRadius() パラメータ: なし 戻り値: number この円の半径を返します（メートル単位）。
getVisible	getVisible() パラメータ: なし 戻り値: boolean この円が地図上に表示されるかどうかを返します。
setCenter	setCenter(center) パラメータ: center: LatLng|LatLngLiteral 戻り値: None この円の中心を設定します。
setDraggable	setDraggable(draggable) パラメータ: draggable: boolean 戻り値: None true に設定した場合、この円を地図にドラッグできます。
setEditable	setEditable(editable) パラメータ: editable: boolean 戻り値: None true に設定した場合、ユーザーは円の中心と周辺を囲むコントロール ポイントをドラッグすることで、この円を編集できます。
setMap	setMap(map) パラメータ: map:  Map optional 戻り値: None 指定した地図上に円をレンダリングします。地図を null に設定した場合、円は削除されます。
setOptions	setOptions(options) パラメータ: options: CircleOptions 戻り値: None
setRadius	setRadius(radius) パラメータ: radius:  number 戻り値: None この円の半径を設定します（メートル単位）。
setVisible	setVisible(visible) パラメータ: visible:  boolean 戻り値: None false に設定すると、この円が非表示になります。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll

イベント
center_changed	function() 引数: なし このイベントは、円の中心が変更されると発生します。
click	function(event) 引数: event: MapMouseEvent このイベントは、円で DOM クリック イベントが発生すると発生します。
dblclick	function(event) 引数: event: MapMouseEvent このイベントは、円で DOM dblclick イベントが発生すると発生します。
drag	function(event) 引数: event:  MapMouseEvent このイベントは、ユーザーが円をドラッグしているときに繰り返し発生します。
dragend	function(event) 引数: event:  MapMouseEvent このイベントは、ユーザーが円のドラッグを停止すると発生します。
dragstart	function(event) 引数: event: MapMouseEvent このイベントは、ユーザーが円のドラッグを開始すると発生します。
mousedown	function(event) 引数: event: MapMouseEvent このイベントは、円で DOM マウスダウン イベントが発生すると発生します。
mousemove	function(event) 引数: event: MapMouseEvent このイベントは、円で DOMMousemove イベントが発生すると発生します。
mouseout	function(event) 引数: event: MapMouseEvent このイベントは、円のマウスアウトで発生します。
mouseover	function(event) 引数: event:  MapMouseEvent このイベントは、円のマウスオーバーで発生します。
mouseup	function(event) 引数: event:  MapMouseEvent このイベントは、円で DOM マウスアップ イベントが発生すると発生します。
radius_changed	function() 引数: なし このイベントは、円の半径が変更されると発生します。
rightclick	function(event) 引数: event:  MapMouseEvent このイベントは、円が右クリックされると発生します。

CircleOptions インターフェース

google.maps.CircleOptions インターフェース

Circle で設定できるプロパティを定義するために使用される CircleOptions オブジェクト。

プロパティ
center optional	タイプ: LatLng|LatLngLiteral optional 円の中心。
clickable optional	タイプ: boolean optional デフォルト: true この Circle がマウス イベントを処理するかどうかを示します。
draggable optional	タイプ: boolean optional デフォルト: false true に設定した場合、この円を地図にドラッグできます。
editable optional	タイプ: boolean optional デフォルト: false true に設定した場合、ユーザーは円の中心と周辺を囲むコントロール ポイントをドラッグすることで、この円を編集できます。
fillColor optional	タイプ: string optional 塗りつぶしの色。名前付き拡張色を除くすべての CSS3 色に対応します。
fillOpacity optional	タイプ: number optional 0.0～1.0 で指定された塗りつぶしの不透明度。
map optional	タイプ: Map optional 円を表示する地図。
radius optional	タイプ: number optional 地表面上の半径（メートル単位）。
strokeColor optional	タイプ: string optional ストロークの色。名前付き拡張色を除くすべての CSS3 色に対応します。
strokeOpacity optional	タイプ: number optional ストロークの不透明度を 0.0〜1.0 で指定します。
strokePosition optional	タイプ: StrokePosition optional デフォルト: StrokePosition.CENTER ストロークの位置。
strokeWeight optional	タイプ: number optional ピクセル単位のストローク幅。
visible optional	タイプ: boolean optional デフォルト: true この円を地図に表示するかどうかを指定します。
zIndex optional	タイプ: number optional その他のポリラインと比較した zIndex。

StrokePosition 定数

google.maps.StrokePosition 定数

ポリゴン上のストロークの可能な位置。

v=beta を使用している場合は、const {StrokePosition} = await google.map.importLibrary("maps") を呼び出してアクセスできます。詳しくは、Maps JavaScript API のライブラリをご覧ください。

定数
CENTER	ストロークはポリゴンのパスの中央に配置され、その半分がポリゴンの内側、半分がポリゴンの外側にあります。
INSIDE	ストロークはポリゴンの内部にあります。
OUTSIDE	ストロークがポリゴンの外側にあります。