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 戻り値: なし 指定された地図上にこのシェイプをレンダリングします。マップが 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 このイベントは、Polyline で 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 インターフェース

ポリラインに設定できるプロパティを定義するために使用される 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 を拡張します。

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 戻り値: なし 指定された地図上にこのシェイプをレンダリングします。マップが 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 このイベントは、Polygon で 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 インターフェース

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 プロパティでは 1 つ以上の LatLng 座標の配列を指定できます。パスは自動的に閉じられます。パスの最初の頂点を最後の頂点として繰り返さないでください。単純なポリゴンは、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 戻り値: なし 指定された地図に長方形をレンダリングします。地図が 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 click イベントが発生したときに発生します。
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 mouseup イベントが発生したときに発生します。
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 この Circle の 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 戻り値: なし 指定された地図上に円をレンダリングします。地図が 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 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 mouseup イベントが発生したときに発生します。
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	ストロークがポリゴンの外側にあります。