Polygons

Polyline クラス

google.maps.Polyline クラス

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

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

const {Polyline} = await google.maps.importLibrary("maps") を呼び出してアクセスします。
Maps JavaScript API のライブラリをご覧ください。
Polyline
Polyline([opts])
パラメータ: 
渡された 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)
パラメータ: 
戻り値: なし
setPath
setPath(path)
パラメータ: 
戻り値: なし
パスを設定します。詳細については、PolylineOptions をご覧ください。
setVisible
setVisible(visible)
パラメータ: 
  • visible:  boolean
戻り値: なし
false に設定されている場合、このポリゴンを非表示にします。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll
click
function(event)
引数: 
このイベントは、DOM click イベントがポリラインに発生すると発生します。
contextmenu
function(event)
引数: 
このイベントは、Polyline で DOM contextmenu イベントが発生したときに発生します。
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 の単純な配列または 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])
パラメータ: 
渡された 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)
パラメータ: 
戻り値: なし
setPath
setPath(path)
パラメータ: 
戻り値: なし
最初のパスを設定します。詳細については、PolygonOptions をご覧ください。
setPaths
setPaths(paths)
パラメータ: 
戻り値: なし
このポリゴンのパスを設定します。
setVisible
setVisible(visible)
パラメータ: 
  • visible:  boolean
戻り値: なし
false に設定されている場合、このポリゴンを非表示にします。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll
click
function(event)
引数: 
このイベントは、ポリゴン上で DOM click イベントが発生すると発生します。
contextmenu
function(event)
引数: 
このイベントは、Polygon で DOM contextmenu イベントが発生したときに発生します。
dblclick
function(event)
引数: 
このイベントは、ポリゴン上で DOM dblclick イベントが発生すると発生します。
drag
function(event)
引数: 
このイベントは、ユーザーがポリゴンをドラッグしている間に繰り返し発生します。
dragend
function(event)
引数: 
このイベントは、ユーザーがポリゴンのドラッグを終了したときに発生します。