Polygons

Polyline クラス

google.maps.Polyline クラス

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

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

const {Polyline} = await google.maps.importLibrary("maps") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

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

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

イベント
click	function(event) 引数:  event:  PolyMouseEvent このイベントは、DOM click イベントがポリラインに発生すると発生します。
contextmenu	function(event) 引数:  event:  PolyMouseEvent このイベントは、Poyline で DOM contextmenu イベントが発生したときに発生します。
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 でのコントロール クリックなどの使用パターンをサポートするには、代わりに Polyline.contextmenu イベントを使用してください。 function(event) 引数:  event:  PolyMouseEvent このイベントは、ポリラインが右クリックされると発生します。

PolylineOptions インターフェース

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

Polyline に設定できるプロパティを定義するために使用される 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 インターフェース

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

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

プロパティ
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 を拡張します。

const {Polygon} = await google.maps.importLibrary("maps") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

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

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

イベント
click	function(event) 引数:  event:  PolyMouseEvent このイベントは、ポリゴン上で DOM click イベントが発生すると発生します。
contextmenu	function(event) 引数:  event:  PolyMouseEvent このイベントは、ポリゴンで DOM contextmenu イベントが発生したときに発生します。
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 でのコントロール クリックなどの使用パターンをサポートするには、代わりに Polygon.contextmenu イベントを使用してください。 function(event) 引数:  event:  PolyMouseEvent このイベントは、ポリゴンが右クリックされると発生します。

PolygonOptions インターフェース

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

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 イベントが発生したときにカーソルの下にあった頂点のインデックス（イベントが頂点で発生し、ポリラインまたはポリゴンが編集可能である場合）。イベントが頂点上で発生しない場合、値は undefined です。
継承: domEvent、 latLng

メソッド
継承: stop

Rectangle クラス

google.maps.Rectangle クラス

矩形オーバーレイ。

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

const {Rectangle} = await google.maps.importLibrary("maps") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

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

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

イベント
bounds_changed	function() 引数: なし このイベントは、長方形の境界が変更されたときに発生します。
click	function(event) 引数:  event:  MapMouseEvent このイベントは、長方形で DOM クリック イベントが発生したときに発生します。
contextmenu	function(event) 引数:  event:  MapMouseEvent このイベントは、長方形で DOM contextmenu イベントが発生したときに発生します。
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 mousedown イベントが発生したときに発生します。
mousemove	function(event) 引数:  event:  MapMouseEvent このイベントは、長方形で DOM mousemove イベントが発生したときに発生します。
mouseout	function(event) 引数:  event:  MapMouseEvent このイベントは、長方形の mouseout で発生します。
mouseover	function(event) 引数:  event:  MapMouseEvent このイベントは、長方形の上にカーソルを移動したときに発生します。
mouseup	function(event) 引数:  event:  MapMouseEvent このイベントは、長方形で DOM マウスアップ イベントが発生したときに発生します。
rightclick	非推奨: macOS でのコントロール クリックなどの使用パターンをサポートするには、代わりに 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 を拡張します。

const {Circle} = await google.maps.importLibrary("maps") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

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

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

イベント
center_changed	function() 引数: なし このイベントは、円の中心が変更されたときに発生します。
click	function(event) 引数:  event:  MapMouseEvent このイベントは、円で DOM クリック イベントが発生したときに発生します。
dblclick	function(event) 引数:  event:  MapMouseEvent このイベントは、円で DOM ダブルクリック イベントが発生したときに発生します。
drag	function(event) 引数:  event:  MapMouseEvent このイベントは、ユーザーが円をドラッグしている間に繰り返し発生します。
dragend	function(event) 引数:  event:  MapMouseEvent このイベントは、ユーザーが円のドラッグを停止したときに発生します。
dragstart	function(event) 引数:  event:  MapMouseEvent このイベントは、ユーザーが円のドラッグを開始したときに発生します。
mousedown	function(event) 引数:  event:  MapMouseEvent このイベントは、円で DOM mousedown イベントが発生したときに発生します。
mousemove	function(event) 引数:  event:  MapMouseEvent このイベントは、円で DOM mousemove イベントが発生したときに発生します。
mouseout	function(event) 引数:  event:  MapMouseEvent このイベントは、円の mouseout で発生します。
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 定数

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

const {StrokePosition} = await google.maps.importLibrary("maps") を呼び出してアクセスします。Maps JavaScript API のライブラリをご覧ください。

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