Polygons

Polyline クラス

google.maps.Polyline クラス

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

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

const {Polyline} = await google.maps.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 戻り値: なし 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 このイベントは、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 を拡張します。

const {Polygon} = await google.maps.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 戻り値: なし 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 このイベントは、ポリゴンで 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 イベント発生時のカーソルの下にある頂点のインデックス（頂点でイベントが発生し、ポリラインまたはポリゴンが編集可能な場合）。頂点でイベントが発生しない場合、値は undefined になります。
継承: domEvent, latLng

Methods
継承: stop

Rectangle クラス

google.maps.Rectangle クラス

矩形オーバーレイ。

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

const {Rectangle} = await google.maps.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 戻り値: なし この矩形の境界を設定します。
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 クリック イベントが発生すると発生します。
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 touchdown イベントが発生すると発生します。
mousemove	function(event) 引数:  event:  MapMouseEvent このイベントは、長方形上で DOM touchmove イベントが発生すると発生します。
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 を拡張します。

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

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

Methods
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 戻り値: なし 指定された地図に円をレンダリングします。地図が 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 worddown イベントが発生すると発生します。
mousemove	function(event) 引数:  event:  MapMouseEvent このイベントは、円上で DOM touchmove イベントが発生すると発生します。
mouseout	function(event) 引数:  event:  MapMouseEvent このイベントは、円マウスアウトで発生します。
mouseover	function(event) 引数:  event:  MapMouseEvent このイベントは、円のマウスオーバーで発生します。
mouseup	function(event) 引数:  event:  MapMouseEvent このイベントは、円上で DOMMouseup イベントが発生すると発生します。
radius_changed	function() 引数: なし このイベントは、円の半径が変更されると発生します。
rightclick	function(event) 引数:  event:  MapMouseEvent このイベントは、円が右クリックされると発生します。

CircleOptions インターフェース

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

円に設定可能なプロパティを定義するために使用される 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	ストロークがポリゴンの外側にあります。