Drawing Library

DrawingManager クラス

google.maps.drawing.DrawingManager クラス

ユーザーは、地図上にマーカー、ポリゴン、ポリライン、長方形、円を描画できます。DrawingManager の描画モードでは、ユーザーが作成するオーバーレイのタイプが定義されます。地図にコントロールを追加して、ユーザーが描画モードを切り替えられるようにします。

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

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

DrawingManager
DrawingManager([options])
パラメータ: 
ユーザーが地図上にオーバーレイを描画し、描画コントロールで描画されるオーバーレイのタイプを切り替えられるようにする DrawingManager を作成します。
getDrawingMode
getDrawingMode()
パラメータ: なし
戻り値:  OverlayType|null
DrawingManager の描画モードを返します。
getMap
getMap()
パラメータ: なし
戻り値:  Map
DrawingManagerがアタッチされている Map を返します。これは、作成されたオーバーレイが配置されるMapです。
setDrawingMode
setDrawingMode(drawingMode)
パラメータ: 
戻り値: None
DrawingManager の描画モードを変更します。地図に追加するオーバーレイの種類を定義します。指定できる値は 'marker''polygon''polyline''rectangle''circle'null です。描画モードが null であれば、ユーザーは地図を通常どおり操作でき、クリックしても何も描画されません。
setMap
setMap(map)
パラメータ: 
戻り値: None
指定された MapDrawingManager オブジェクトを接続します。
setOptions
setOptions(options)
パラメータ: 
戻り値: None
DrawingManager のオプションを設定します。
継承: addListenerbindTogetnotifysetsetValuesunbindunbindAll
circlecomplete
function(circle)
引数: 
  • circleCircleユーザーが描画した円。
このイベントは、ユーザーが円の描画を終了すると発生します。
markercomplete
function(marker)
引数: 
  • markerMarkerユーザーが描画したマーカー。
このイベントは、ユーザーがマーカーの描画を終了すると発生します。
overlaycomplete
function(event)
引数: 
このイベントは、ユーザーが任意のタイプのオーバーレイの描画を終了すると発生します。
polygoncomplete
function(polygon)
引数: 
  • polygonPolygonユーザーが描画したポリゴン。
このイベントは、ユーザーがポリゴンの描画を終了すると発生します。
polylinecomplete
function(polyline)
引数: 
  • polylinePolylineユーザーが描画したポリライン。
このイベントは、ユーザーがポリラインの描画を終了すると発生します。
rectanglecomplete
function(rectangle)
引数: 
  • rectangleRectangleユーザーが描画した長方形。
このイベントは、ユーザーが長方形の描画を終了すると発生します。

DrawingManagerOptions インターフェース

google.maps.drawing.DrawingManagerOptions インターフェース

描画マネージャーのオプション。

circleOptions optional
タイプ:  CircleOptions optional
この DrawingManager で作成した新しいサークルに適用するオプション。center プロパティと radius プロパティは無視され、新しい円の map プロパティは常に DrawingManager の地図に設定されます。
drawingControl optional
タイプ:  boolean optional
デフォルト: true
描画コントロールの有効/無効状態。
drawingControlOptions optional
タイプ:  DrawingControlOptions optional
描画コントロールの表示オプション。
drawingMode optional
タイプ:  OverlayType optional
DrawingManager の描画モード。地図に追加するオーバーレイの種類を定義します。指定できる値は 'marker''polygon''polyline''rectangle''circle'null です。描画モードが null であれば、ユーザーは地図を通常どおり操作でき、クリックしても何も描画されません。
map optional
タイプ:  Map optional
DrawingManagerがアタッチされている Map。オーバーレイが作成されるMap
markerOptions optional
タイプ:  MarkerOptions optional
この DrawingManager で作成された新しいマーカーに適用するオプション。position プロパティは無視され、新しいマーカーの map プロパティは常に DrawingManager の地図に設定されます。
polygonOptions optional
タイプ:  PolygonOptions optional
この DrawingManager で作成した新しいポリゴンに適用するオプション。paths プロパティは無視され、新しいポリゴンの map プロパティは常に DrawingManager の地図に設定されます。
polylineOptions optional
タイプ:  PolylineOptions optional
この DrawingManager で作成した新しいポリラインに適用するオプション。path プロパティは無視され、新しいポリラインの map プロパティは常に DrawingManager の地図に設定されます。
rectangleOptions optional
タイプ:  RectangleOptions optional
この DrawingManager で作成した新しい長方形に適用するオプション。bounds プロパティは無視され、新しい長方形の map プロパティは常に DrawingManager の地図に設定されます。

DrawingControlOptions インターフェース

google.maps.drawing.DrawingControlOptions インターフェース

描画コントロールのレンダリング オプション。

drawingModes optional
タイプ:  Array<OverlayType> optional
描画コントロールに表示する描画モード。表示順に適用されます。手のアイコン(null 描画モードに対応)は常に使用可能で、この配列で指定しないでください。
position optional
タイプ:  ControlPosition optional
デフォルト: ControlPosition.TOP_LEFT
位置 ID。地図上のコントロールの位置を指定するために使用されます。

OverlayCompleteEvent インターフェース

google.maps.drawing.OverlayCompleteEvent インターフェース

DrawingManager のオーバーレイ完了イベントのプロパティ。

overlay
完成したオーバーレイ。
type
タイプ:  OverlayType
完成したオーバーレイのタイプ。

OverlayType の定数

google.maps.drawing.OverlayType 定数

DrawingManager が作成できるオーバーレイのタイプ。値または定数名を使用して指定します。たとえば、'polygon'google.maps.drawing.OverlayType.POLYGON などです。

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

CIRCLE DrawingManager が円を生成し、overlaycomplete イベントで指定されたオーバーレイが円であることを指定します。
MARKER DrawingManager がマーカーを作成し、overlaycomplete イベントで指定されたオーバーレイがマーカーであることを指定します。
POLYGON DrawingManager がポリゴンを作成し、overlaycomplete イベントで指定されたオーバーレイがポリゴンであることを指定します。
POLYLINE DrawingManager がポリラインを作成し、overlaycomplete イベントで指定されたオーバーレイがポリラインであることを指定します。
RECTANGLE DrawingManager が長方形を作成し、overlaycomplete イベントで指定されたオーバーレイが長方形であることを指定します。