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()パラメータ: なし 
パスを取得します。  | 
getVisible | 
getVisible()パラメータ: なし 
戻り値:   
booleanこのポリゴンが地図上に表示されるかどうかを返します。  | 
setDraggable | 
setDraggable(draggable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーはこのシェイプを地図上でドラッグできます。geodesic プロパティは、ドラッグのモードを定義します。 | 
setEditable | 
setEditable(editable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーは頂点と各セグメントに表示される制御点をドラッグしてこのシェイプを編集できます。 | 
setMap | 
setMap(map)パラメータ:   
 戻り値: なし 
指定された地図上にこのシェイプをレンダリングします。マップが  null に設定されている場合、シェイプは削除されます。 | 
setOptions | 
setOptions(options)パラメータ:   
 戻り値: なし 
 | 
setPath | 
setPath(path)パラメータ:   
 戻り値: なし 
パスを設定します。詳細については、 PolylineOptions をご覧ください。 | 
setVisible | 
setVisible(visible)パラメータ:   
 戻り値: なし 
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 イベントが発生すると発生します。  | 
 | 
function(event)引数:   
 このイベントは、ポリラインが右クリックされると発生します。  | 
PolylineOptions インターフェース
google.maps.PolylineOptions
インターフェース
ポリラインに設定できるプロパティを定義するために使用される PolylineOptions オブジェクト。
プロパティ | |
|---|---|
clickable optional | 
タイプ:   
boolean optionalデフォルト:  
trueこの  Polyline がマウスイベントを処理するかどうかを示します。 | 
draggable optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue に設定すると、ユーザーはこのシェイプを地図上でドラッグできます。geodesic プロパティは、ドラッグのモードを定義します。 | 
editable optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue に設定すると、ユーザーは頂点と各セグメントに表示される制御点をドラッグしてこのシェイプを編集できます。 | 
geodesic optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue の場合、ポリゴンのエッジは測地線として解釈され、地球の曲率に沿って描画されます。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 optional0.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デフォルト:  
falsetrue の場合、シーケンス内の各アイコンは、配置されているエッジの角度に関係なく、同じ固定回転を持ちます。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()パラメータ: なし 
最初のパスを取得します。  | 
getPaths | 
getPaths()パラメータ: なし 
このポリゴンのパスを取得します。  | 
getVisible | 
getVisible()パラメータ: なし 
戻り値:   
booleanこのポリゴンが地図上に表示されるかどうかを返します。  | 
setDraggable | 
setDraggable(draggable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーはこのシェイプを地図上でドラッグできます。geodesic プロパティは、ドラッグのモードを定義します。 | 
setEditable | 
setEditable(editable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーは頂点と各セグメントに表示される制御点をドラッグしてこのシェイプを編集できます。 | 
setMap | 
setMap(map)パラメータ:   
 戻り値: なし 
指定された地図上にこのシェイプをレンダリングします。マップが  null に設定されている場合、シェイプは削除されます。 | 
setOptions | 
setOptions(options)パラメータ:   
 戻り値: なし 
 | 
setPath | 
setPath(path)パラメータ:   
 戻り値: なし 
最初のパスを設定します。詳細については、 PolygonOptions をご覧ください。 | 
setPaths | 
setPaths(paths)パラメータ:   
戻り値: なし 
このポリゴンのパスを設定します。  | 
setVisible | 
setVisible(visible)パラメータ:   
 戻り値: なし 
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)引数:   
 このイベントは、ユーザーがポリゴンのドラッグを終了したときに発生します。  | 
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 イベントが発生すると発生します。  | 
 | 
function(event)引数:   
 このイベントは、ポリゴンが右クリックされると発生します。  | 
PolygonOptions インターフェース
google.maps.PolygonOptions
インターフェース
Polygon に設定できるプロパティを定義するために使用される PolygonOptions オブジェクト。
プロパティ | |
|---|---|
clickable optional | 
タイプ:   
boolean optionalデフォルト:  
trueこの  Polygon がマウスイベントを処理するかどうかを示します。 | 
draggable optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue に設定すると、ユーザーはこのシェイプを地図上でドラッグできます。geodesic プロパティは、ドラッグのモードを定義します。 | 
editable optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue に設定すると、ユーザーは頂点と各セグメントに表示される制御点をドラッグしてこのシェイプを編集できます。 | 
fillColor optional | 
タイプ:   
string optional塗りつぶしの色。名前付き拡張色を除くすべての CSS3 色に対応します。  | 
fillOpacity optional | 
タイプ:   
number optional0.0~1.0 で指定された塗りつぶしの不透明度。  | 
geodesic optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue の場合、ポリゴンのエッジは測地線として解釈され、地球の曲率に沿って描画されます。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 optional0.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])パラメータ:   
 渡された  RectangleOptions を使用して長方形を作成します。この RectangleOptions は境界とスタイルを指定します。 | 
メソッド | |
|---|---|
getBounds | 
getBounds()パラメータ: なし 
戻り値:   
LatLngBounds|nullこの矩形の境界を返します。  | 
getDraggable | 
getDraggable()パラメータ: なし 
戻り値:   
booleanこの長方形をユーザーがドラッグできるかどうかを返します。  | 
getEditable | 
getEditable()パラメータ: なし 
戻り値:   
booleanこの長方形をユーザーが編集できるかどうかを返します。  | 
getMap | 
getMap()パラメータ: なし 
戻り値:   
Map|nullこの矩形が表示される地図を返します。  | 
getVisible | 
getVisible()パラメータ: なし 
戻り値:   
booleanこの長方形が地図上に表示されるかどうかを返します。  | 
setBounds | 
setBounds(bounds)パラメータ:   
 戻り値: なし 
この矩形の境界を設定します。  | 
setDraggable | 
setDraggable(draggable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーはこの長方形を地図上でドラッグできます。 | 
setEditable | 
setEditable(editable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーは角と各辺に表示される制御点をドラッグしてこの長方形を編集できます。 | 
setMap | 
setMap(map)パラメータ:   
 戻り値: なし 
指定された地図に長方形をレンダリングします。地図が  null に設定されている場合、長方形は削除されます。 | 
setOptions | 
setOptions(options)パラメータ:   
 戻り値: なし 
 | 
setVisible | 
setVisible(visible)パラメータ:   
 戻り値: なし 
false に設定されている場合、この長方形を非表示にします。 | 
継承:
addListener、
bindTo、
get、
notify、
set、
setValues、
unbind、
unbindAll
 | |
イベント | |
|---|---|
bounds_changed | 
function()引数: なし 
このイベントは、長方形の境界が変更されたときに発生します。  | 
click | 
function(event)引数:   
 このイベントは、長方形で DOM click イベントが発生したときに発生します。  | 
contextmenu | 
function(event)引数:   
 このイベントは、長方形で 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)引数:   
 このイベントは、長方形にマウスオーバーしたときに発生します。  | 
mouseup | 
function(event)引数:   
 このイベントは、長方形で DOM mouseup イベントが発生したときに発生します。  | 
 | 
function(event)引数:   
 このイベントは、長方形が右クリックされたときに発生します。  | 
RectangleOptions インターフェース
google.maps.RectangleOptions
インターフェース
Rectangle に設定できるプロパティを定義するために使用される RectangleOptions オブジェクト。
プロパティ | |
|---|---|
bounds optional | 
タイプ:   
LatLngBounds|LatLngBoundsLiteral optional境界。  | 
clickable optional | 
タイプ:   
boolean optionalデフォルト:  
trueこの  Rectangle がマウスイベントを処理するかどうかを示します。 | 
draggable optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue に設定すると、ユーザーはこの長方形を地図上でドラッグできます。 | 
editable optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue に設定すると、ユーザーは角と各辺に表示される制御点をドラッグしてこの長方形を編集できます。 | 
fillColor optional | 
タイプ:   
string optional塗りつぶしの色。名前付き拡張色を除くすべての CSS3 色に対応します。  | 
fillOpacity optional | 
タイプ:   
number optional0.0~1.0 で指定された塗りつぶしの不透明度。  | 
map optional | 
タイプ:   
Map optional矩形を表示する地図。  | 
strokeColor optional | 
タイプ:   
string optionalストロークの色。名前付き拡張色を除くすべての CSS3 色に対応します。  | 
strokeOpacity optional | 
タイプ:   
number optional0.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])パラメータ:   
 渡された  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)パラメータ:   
 戻り値: なし 
この円の中心を設定します。  | 
setDraggable | 
setDraggable(draggable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーはこの円を地図上でドラッグできます。 | 
setEditable | 
setEditable(editable)パラメータ:   
 戻り値: なし 
true に設定すると、ユーザーは円の中心と円周に表示される制御点をドラッグして、この円を編集できます。 | 
setMap | 
setMap(map)パラメータ:   
 戻り値: なし 
指定された地図上に円をレンダリングします。地図が  null に設定されている場合、円は削除されます。 | 
setOptions | 
setOptions(options)パラメータ:   
 戻り値: なし 
 | 
setRadius | 
setRadius(radius)パラメータ:   
 戻り値: なし 
この円の半径を設定します(メートル単位)。  | 
setVisible | 
setVisible(visible)パラメータ:   
 戻り値: なし 
false に設定されている場合、この円を非表示にします。 | 
継承:
addListener、
bindTo、
get、
notify、
set、
setValues、
unbind、
unbindAll
 | |
イベント | |
|---|---|
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 mousedown イベントが発生したときに発生します。  | 
mousemove | 
function(event)引数:   
 このイベントは、円で DOM mousemove イベントが発生したときに発生します。  | 
mouseout | 
function(event)引数:   
 このイベントは円の mouseout で発生します。  | 
mouseover | 
function(event)引数:   
 このイベントは円にマウスオーバーしたときに発生します。  | 
mouseup | 
function(event)引数:   
 このイベントは、円で DOM mouseup イベントが発生したときに発生します。  | 
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デフォルト:  
falsetrue に設定すると、ユーザーはこの円を地図上でドラッグできます。 | 
editable optional | 
タイプ:   
boolean optionalデフォルト:  
falsetrue に設定すると、ユーザーは円の中心と円周に表示される制御点をドラッグして、この円を編集できます。 | 
fillColor optional | 
タイプ:   
string optional塗りつぶしの色。名前付き拡張色を除くすべての CSS3 色に対応します。  | 
fillOpacity optional | 
タイプ:   
number optional0.0~1.0 で指定された塗りつぶしの不透明度。  | 
map optional | 
タイプ:   
Map optional円を表示する地図。  | 
radius optional | 
タイプ:   
number optional地球表面上の半径(メートル単位)。  | 
strokeColor optional | 
タイプ:   
string optionalストロークの色。名前付き拡張色を除くすべての CSS3 色に対応します。  | 
strokeOpacity optional | 
タイプ:   
number optional0.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 | 
ストロークがポリゴンの外側にあります。 |