このページは Cloud Translation API によって翻訳されました。

Switch to English

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` に変換されます。

コンストラクタ

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 で Control-click などの使用パターンをサポートするには、代わりに `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` に変換されます。

コンストラクタ

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 で Control-click などの使用パターンをサポートするには、代わりに `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` 戻り値: 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 optional` 戻り値: 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` このイベントは、長方形上で DOM マウス移動イベントが発生すると発生します。
`mouseout`	`function(event)` 引数: `event`: `MapMouseEvent` このイベントは長方形のマウスアウトで発生します。
`mouseover`	`function(event)` 引数: `event`: `MapMouseEvent` このイベントは長方形のマウスオーバーで発生します。
`mouseup`	`function(event)` 引数: `event`: `MapMouseEvent` このイベントは、長方形上で DOM マウスアップイベントが発生すると発生します。
`rightclick`	非推奨: macOS で Control-click などの使用パターンをサポートするには、代わりに `Rectangle.contextmenu` イベントを使用します。 `function(event)` 引数: `event`: `MapMouseEvent` このイベントは、長方形が右クリックされると発生します。

RectangleOptions インターフェース

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

RectangleOptions オブジェクトを設定します。このオブジェクトは、Rectangle に設定できるプロパティを定義します。

プロパティ
`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` 戻り値: 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 optional` 戻り値: 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` このイベントは、円上で DOM マウス移動イベントが発生すると発生します。
`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 定数

ポリゴン上の有効なストローク位置。

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

定数
`CENTER`	ストロークはポリゴンのパスを中心とし、ポリゴンのストロークは半分、ポリゴンの外側はストロークの半分です。
`INSIDE`	ストロークはポリゴンの内部。
`OUTSIDE`	ストロークはポリゴンの外側にあります。

Polygons

Polyline クラス

コンストラクタ

Methods

イベント

PolylineOptions インターフェース

プロパティ

IconSequence インターフェース

プロパティ

Polygon クラス

コンストラクタ

Methods

イベント

PolygonOptions インターフェース

プロパティ

PolyMouseEvent インターフェース

プロパティ

Methods

Rectangle クラス

コンストラクタ

Methods

イベント

RectangleOptions インターフェース

プロパティ

Circle クラス

コンストラクタ

Methods

イベント

CircleOptions インターフェース

プロパティ

StrokePosition 定数

定数