Polygons

コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

Polyline クラス

google.maps.Polyline クラス

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

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

Polyline
Polyline([opts])
パラメータ:
渡された PolylineOptions を使用してポリラインを作成します。これは、ポリラインのパスと、ポリラインの描画時に使用するストローク スタイルの両方を指定します。ポリラインを作成する際は、LatLng の配列または LatLngMVCArray のいずれかを渡すことができますが、シンプルな配列は、インスタンス化時にポリライン内の MVCArray に変換されます。
getDraggable
getDraggable()
パラメータ: なし
戻り値: boolean
ユーザーがこのシェイプをドラッグできるかどうかを返します。
getEditable
getEditable()
パラメータ: なし
戻り値: boolean
ユーザーがこのシェイプを編集できるかどうかを返します。
getMap
getMap()
パラメータ: なし
戻り値: Map|null
この図形が添付されている地図を返します。
getPath
getPath()
パラメータ: なし
戻り値: MVCArray<LatLng>
パスを取得します。
getVisible
getVisible()
パラメータ: なし
戻り値: boolean
このポリゴンが地図に表示されるかどうかを返します。
setDraggable
setDraggable(draggable)
パラメータ:
  • draggableboolean
戻り値: なし
true に設定すると、ユーザーはこの図形を地図にドラッグできます。geodesic プロパティは、ドラッグモードを定義します。
setEditable
setEditable(editable)
パラメータ:
  • editable: boolean
戻り値: なし
true に設定すると、ユーザーはこの図形を、頂点と各セグメントに表示されるコントロール ポイントをドラッグして編集できます。
setMap
setMap(map)
パラメータ:
  • map: Map optional
戻り値: なし
このシェイプを指定のマップにレンダリングします。地図を null に設定すると、図形は削除されます。
setOptions
setOptions(options)
パラメータ:
戻り値: なし
setPath
setPath(path)
パラメータ:
戻り値: なし
パスを設定します。詳しくは、PolylineOptions をご覧ください。
setVisible
setVisible(visible)
パラメータ:
  • visibleboolean
戻り値: なし
false に設定すると、このポリゴンが非表示になります。
継承: addListenerbindTogetnotifysetsetValuesunbindunbindAll
click
function(event)
引数:
このイベントは、DOM click イベントがポリラインに発生すると発生します。
contextmenu
function(event)
引数:
このイベントは、Poyline で DOM コンテキスト メニュー イベントが発生すると呼び出されます。
dblclick
function(event)
引数:
このイベントは、ポリライン上で DOM dblclick イベントが発生すると発生します。
drag
function(event)
引数:
このイベントは、ユーザーがポリラインをドラッグしているときに繰り返し発生します。
dragend
function(event)
引数:
このイベントは、ユーザーがポリラインのドラッグを停止したときに発生します。
dragstart
function(event)
引数:
このイベントは、ユーザーがポリラインのドラッグを開始したときに発生します。
mousedown
function(event)
引数:
このイベントは、ポリライン上で DOM mousedown イベントが発生すると発生します。
mousemove
function(event)
引数:
このイベントは、ポリライン上で DOM mousemove イベントが発生すると発生します。
mouseout
function(event)
引数:
このイベントは、ポリライン mouseout で発生します。
mouseover
function(event)
引数:
このイベントは、ポリライン mouseover で発生します。
mouseup
function(event)
引数:
このイベントは、ポリライン上で DOM mouseup イベントが発生すると発生します。
rightclick
function(event)
引数:
このイベントは、ポリラインが右クリックされると発生します。

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 の配列、または LatLngMVCArray を使用して指定できます。シンプルな配列を渡した場合は 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 を拡張します。

Polygon
Polygon([opts])
パラメータ:
渡された PolygonOptions を使用してポリゴンを作成します。PolygonOptions では、ポリゴンのパス、ポリゴンのエッジのストローク スタイル、ポリゴンの内部領域の塗りつぶしスタイルを指定します。ポリゴンには 1 つ以上のパスを含めることができ、各パスは LatLng の配列で構成されます。これらのパスを作成する際は、LatLng の配列または LatLngMVCArray のいずれかを渡すことができます。配列は、インスタンス化時にポリゴン内の 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)
パラメータ:
  • editableboolean
戻り値: なし
true に設定すると、ユーザーはこの図形を、頂点と各セグメントに表示されるコントロール ポイントをドラッグして編集できます。
setMap
setMap(map)
パラメータ:
  • mapMap optional
戻り値: なし
このシェイプを指定のマップにレンダリングします。地図を null に設定すると、図形は削除されます。
setOptions
setOptions(options)
パラメータ:
戻り値: なし
setPath
setPath(path)
パラメータ:
戻り値: なし
最初のパスを設定します。詳しくは、PolygonOptions をご覧ください。
setPaths
setPaths(paths)
戻り値: なし
このポリゴンのパスを設定します。
setVisible
setVisible(visible)
パラメータ:
  • visible: boolean
戻り値: なし
false に設定すると、このポリゴンが非表示になります。
継承: addListenerbindTogetnotifysetsetValuesunbindunbindAll
click
function(event)
引数:
このイベントは、ポリゴン上で DOM click イベントが発生すると発生します。
contextmenu
function(event)
引数:
このイベントは、ポリゴンで DOM コンテキスト メニュー イベントが発生すると呼び出されます。
dblclick
function(event)
引数:
このイベントは、ポリゴン上で DOM dblclick イベントが発生すると発生します。
drag
function(event)
引数:
このイベントは、ユーザーがポリゴンをドラッグしているときに繰り返し発生します。
dragend
function(event)
引数:
このイベントは、ユーザーがポリゴンのドラッグを停止したときに発生します。
dragstart
function(event)
引数:
このイベントは、ユーザーがポリゴンのドラッグを開始したときに発生します。
mousedown
function(event)
引数:
このイベントは、ポリゴン上で DOM mousedown イベントが発生すると発生します。
mousemove
function(event)
引数:
このイベントは、ポリゴン上で DOM mousemove イベントが発生すると発生します。
mouseout
function(event)
引数:
このイベントは、ポリゴン mouseout で発生します。
mouseover
function(event)
引数:
このイベントは、ポリゴン mouseover で発生します。
mouseup
function(event)
引数:
このイベントは、ポリゴン上で DOM mouseup イベントが発生すると発生します。
rightclick
function(event)
引数:
このイベントは、ポリゴンが右クリックされると発生します。

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
閉ループを示す、順序付けされた一連の座標。ポリラインとは異なり、ポリゴンは 1 つ以上のパスから構成される場合があります。したがって、path プロパティは 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 になります。
継承: domEventlatLng
継承: stop

Rectangle クラス

google.maps.Rectangle クラス

矩形オーバーレイ。

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

Rectangle
Rectangle([opts])
パラメータ:
渡された RectangleOptions を使用して境界とスタイルを指定する長方形を作成します。
getBounds
getBounds()
パラメータ: なし
戻り値: LatLngBounds
この矩形の境界を返します。
getDraggable
getDraggable()
パラメータ: なし
戻り値: boolean
この長方形をユーザーがドラッグできるかどうかを返します。
getEditable
getEditable()
パラメータ: なし
戻り値: boolean
この長方形をユーザーが編集できるかどうかを返します。
getMap
getMap()
パラメータ: なし
戻り値: Map|null
この矩形が表示される地図を返します。
getVisible
getVisible()
パラメータ: なし
戻り値: boolean
この長方形が地図上に表示されるかどうかを返します。
setBounds
setBounds(bounds)
パラメータ:
戻り値: なし
この矩形の境界を設定します。
setDraggable
setDraggable(draggable)
パラメータ:
  • draggable: boolean
戻り値: なし
true に設定すると、ユーザーはこの長方形を地図にドラッグできます。
setEditable
setEditable(editable)
パラメータ:
  • editableboolean
戻り値: なし
true に設定すると、ユーザーは四隅と各端に表示されるコントロール ポイントをドラッグして、この長方形を編集できます。
setMap
setMap(map)
パラメータ:
  • map: Map optional
戻り値: なし
指定されたマップに長方形をレンダリングします。地図が null に設定されている場合、長方形が削除されます。
setOptions
setOptions(options)
パラメータ:
戻り値: なし
setVisible
setVisible(visible)
パラメータ:
  • visible: boolean
戻り値: なし
false に設定すると、この長方形を非表示にします。
継承: addListenerbindTogetnotifysetsetValuesunbindunbindAll
bounds_changed
function()
引数: なし
このイベントは、長方形の境界が変更されると発生します。
click
function(event)
引数:
このイベントは、長方形上で DOM クリック イベントが発生すると発生します。
contextmenu
function(event)
引数:
このイベントは、長方形で DOM コンテキスト メニュー イベントが発生すると呼び出されます。
dblclick
function(event)
引数:
このイベントは、長方形で DOM dblclick イベントが発生すると発生します。
drag
function(event)
引数:
このイベントは、ユーザーが長方形をドラッグしている間に繰り返し発生します。
dragend
function(event)
引数:
このイベントは、ユーザーが長方形のドラッグを停止したときに発生します。
dragstart
function(event)
引数:
このイベントは、ユーザーが長方形のドラッグを開始すると発生します。
mousedown
function(event)
引数:
このイベントは、長方形で DOM マウスダウン イベントが発生すると発生します。
mousemove
function(event)
引数:
このイベントは、長方形で DOM マウス移動イベントが発生すると発生します。
mouseout
function(event)
引数:
このイベントは、長方形のマウスアウトで発生します。
mouseover
function(event)
引数:
このイベントは、長方形のマウスオーバーで発生します。
mouseup
function(event)
引数:
このイベントは、長方形で DOM マウスアップ イベントが発生すると発生します。
rightclick
function(event)
引数:
このイベントは、長方形が右クリックされると発生します。

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 を拡張します。

Circle
Circle([circleOrCircleOptions])
パラメータ:
渡された CircleOptions を使用して、中心、半径、スタイルを指定する円を作成します。
getBounds
getBounds()
パラメータ: なし
戻り値: LatLngBounds
この円の LatLngBounds を取得します。
getCenter
getCenter()
パラメータ: なし
戻り値: LatLng
この円の中心を取得します。
getDraggable
getDraggable()
パラメータ: なし
戻り値: boolean
この円をユーザーがドラッグできるかどうかを返します。
getEditable
getEditable()
パラメータ: なし
戻り値: boolean
ユーザーがこの円を編集できるかどうかを示します。
getMap
getMap()
パラメータ: なし
戻り値: Map|null
この円が表示される地図を返します。
getRadius
getRadius()
パラメータ: なし
戻り値: number
この円の半径を返します(メートル単位)。
getVisible
getVisible()
パラメータ: なし
戻り値: boolean
この円が地図に表示されるかどうかを返します。
setCenter
setCenter(center)
パラメータ:
戻り値: なし
この円の中心を設定します。
setDraggable
setDraggable(draggable)
パラメータ:
  • draggable: boolean
戻り値: なし
true に設定すると、ユーザーはこの円を地図上にドラッグできます。
setEditable
setEditable(editable)
パラメータ:
  • editable: boolean
戻り値: なし
true に設定すると、ユーザーは円の周囲や中心に表示されるコントロール ポイントをドラッグして、この円を編集できます。
setMap
setMap(map)
パラメータ:
  • mapMap optional
戻り値: なし
指定した地図に円をレンダリングします。地図が null に設定されている場合、円は削除されます。
setOptions
setOptions(options)
パラメータ:
戻り値: なし
setRadius
setRadius(radius)
パラメータ:
  • radiusnumber
戻り値: なし
この円の半径を設定します(メートル単位)。
setVisible
setVisible(visible)
パラメータ:
  • visible: boolean
戻り値: なし
false に設定すると、この円を非表示にします。
継承: addListenerbindTogetnotifysetsetValuesunbindunbindAll
center_changed
function()
引数: なし
このイベントは、円の中心が変更されると発生します。
click
function(event)
引数:
このイベントは、円で DOM クリック イベントが発生すると呼び出されます。
dblclick
function(event)
引数:
このイベントは、円上で DOM dblclick イベントが発生すると発生します。
drag
function(event)
引数:
このイベントは、ユーザーが円をドラッグしている間に繰り返し発生します。
dragend
function(event)
引数:
このイベントは、ユーザーが円のドラッグを停止したときに発生します。
dragstart
function(event)
引数:
このイベントは、ユーザーが円のドラッグを開始したときに発生します。
mousedown
function(event)
引数:
このイベントは、円で DOM マウスダウン イベントが発生すると発生します。
mousemove
function(event)
引数:
このイベントは、円上で DOM マウス移動イベントが発生すると発生します。
mouseout
function(event)
引数:
このイベントは、円のマウスアウトで発生します。
mouseover
function(event)
引数:
このイベントは、円のマウスオーバーで発生します。
mouseup
function(event)
引数:
このイベントは、円上で DOM マウスアップ イベントが発生すると発生します。
radius_changed
function()
引数: なし
このイベントは、円の半径が変更されると呼び出されます。
rightclick
function(event)
引数:
このイベントは、円が右クリックされると発生します。

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 定数

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

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