Maps

Map クラス

google.maps.Map クラス

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

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

Map
Map(mapDiv[, opts])
パラメータ: 
  • mapDivHTMLElement この要素を埋めるためにマップがレンダリングされます。
  • optsMapOptions optional のオプション
指定された HTML コンテナ(通常は DIV 要素)内に新しい地図を作成します。
controls
タイプ:  Array<MVCArray<HTMLElement>>
地図に追加する追加のコントロール。地図にコントロールを追加するには、そのコントロールの <div> を、レンダリング先の ControlPosition に対応する MVCArray に追加します。
data
タイプ:  Data
地図にバインドされた Data のインスタンス。この Data オブジェクトに対象物を追加して、この地図に簡単に表示します。
mapTypes
タイプ:  MapTypeRegistry
文字列 ID による MapType インスタンスのレジストリ。
overlayMapTypes
タイプ:  MVCArray<MapType optional>
オーバーレイする追加のマップタイプ。オーバーレイのマップタイプは、関連付けられている基本地図の上に表示され、その順序は overlayMapTypes 配列での記述順序です(より高いインデックス値を持つオーバーレイが、低いインデックス値を持つオーバーレイの前に表示されます)。
fitBounds
fitBounds(bounds[, padding])
パラメータ: 
  • boundsLatLngBounds|LatLngBoundsLiteral 表示する境界。
  • paddingnumber|Padding optional パディング(ピクセル単位)。境界は、パディングが削除された後も残る地図部分に表示されます。数値を指定すると、4 つすべての辺でパディングが同じになります。ここで、0 を指定して、getBounds の結果に対して fitBounds をべき等にします。
戻り値: None
指定された境界が含まれるようにビューポートを設定します。
注:地図を display: none に設定すると、fitBounds 関数は地図のサイズを 0x0 として読み取ります。地図が非表示のときにビューポートを変更するには、地図を visibility: hidden に設定して、地図の div を実際のサイズにします。ベクター地図の場合、このメソッドは地図の傾斜と方角をデフォルトのゼロ値に設定します。このメソッドを呼び出すと、境界に合わせて地図がパンおよびズームされるため、アニメーションがスムーズになる可能性があります。このメソッドがアニメーション化されるかどうかは、内部ヒューリスティックによって異なります。
getBounds
getBounds()
パラメータ: なし
戻り値:  LatLngBounds|undefined 現在のビューポートの緯度/経度の範囲。
現在のビューポートの緯度/経度の範囲を返します。世界のコピーが複数表示される場合、経度の範囲は -180 ~ 180 度になります。地図がまだ初期化されていないか、中央に配置されていて、ズームが設定されていない場合、結果は undefined になります。傾斜または方角がゼロでないベクター地図の場合、返される緯度/経度の範囲は、地図のビューポートの表示領域を含む最小の境界ボックスになります。地図のビューポートの正確な表示領域を取得するには、MapCanvasProjection.getVisibleRegion をご覧ください。
getCenter
getCenter()
パラメータ: なし
戻り値:  LatLng|undefined
地図の中心に表示される位置を返します。この LatLng オブジェクトはラップされません。詳しくは、LatLng をご覧ください。中心や境界が設定されていない場合、結果は undefined になります。
getClickableIcons
getClickableIcons()
パラメータ: なし
戻り値:  boolean|undefined
地図アイコンのクリック可能性を返します。地図アイコンは、スポット(別名「スポット」)を表します。戻り値が true の場合は、地図上でアイコンをクリックできます。
BetagetDatasetFeatureLayer
getDatasetFeatureLayer(datasetId)
パラメータ: 
  • datasetIdstring
戻り値:  FeatureLayer
指定された datasetIdFeatureLayer を返します。データセット ID は Google Cloud Console で構成する必要があります。データセット ID がマップの地図スタイルに関連付けられていない場合、またはデータドリブン スタイル設定(マップ ID、ベクタータイル、データドリブン スタイリング対象物レイヤ、または地図のスタイルで構成されたデータセット)が利用できない場合は、エラーがログに記録され、FeatureLayer.isAvailable は false になります。
getDiv
getDiv()
パラメータ: なし
戻り値:  HTMLElement の mapDiv。
getFeatureLayer
getFeatureLayer(featureType)
パラメータ: 
戻り値:  FeatureLayer
特定の FeatureTypeFeatureLayer を返します。Google Cloud Console で FeatureLayer を有効にする必要があります。指定された FeatureTypeFeatureLayer がこの地図に存在しない場合、またはデータドリブン スタイリング(マップ ID、ベクタータイル、地図のスタイルで FeatureLayer が有効)が利用できない場合は、エラーがログに記録され、FeatureLayer.isAvailable は false になります。
getHeading
getHeading()
パラメータ: なし
戻り値:  number|undefined
地図のコンパス方位を返します。方角の値は、北方方位から度数(時計回り)で測定されます。地図がまだ初期化されていない場合、結果は undefined になります。
getMapCapabilities
getMapCapabilities()
パラメータ: なし
戻り値:  MapCapabilities
提供されたマップ ID に基づいて、地図で現在利用可能な機能を呼び出し元に通知します。
getMapTypeId
getMapTypeId()
パラメータ: なし
戻り値:  MapTypeId|string|undefined
getProjection
getProjection()
パラメータ: なし
戻り値:  Projection|undefined
現在の Projection を返します。地図がまだ初期化されていない場合、結果は undefined になります。projection_changed イベントをリッスンし、その値が undefined でないことを確認します。
getRenderingType
getRenderingType()
パラメータ: なし
戻り値:  RenderingType
地図の現在の RenderingType を返します。
getStreetView
getStreetView()
パラメータ: なし
戻り値:  StreetViewPanorama 地図にバインドされたパノラマ。
地図にバインドされているデフォルトの StreetViewPanorama を返します。これは、地図に埋め込まれたデフォルトのパノラマか、setStreetView() を使用して設定されたパノラマです。地図の streetViewControl を変更すると、そのようなバインドされたパノラマの表示にも反映されます。
getTilt
getTilt()
パラメータ: なし
戻り値:  number|undefined
地図の現在の表示角度を、ビューポートからマップ プレーンまでの角度で返します。ラスター地図の場合、真上から撮影された画像は 0 になり、45° 画像は 45 になります。このメソッドは、setTilt によって設定された値を返しません。詳しくは、setTilt をご覧ください。
getZoom
getZoom()
パラメータ: なし
戻り値:  number|undefined
地図のズームを返します。ズームが設定されていない場合、結果は undefined になります。
moveCamera
moveCamera(cameraOptions)
パラメータ: 
戻り値: None
直ちに、地図のカメラがアニメーションなしでターゲットのカメラ オプションに設定されます。
panBy
panBy(x, y)
パラメータ: 
  • xnumber 地図を x 方向に動かすピクセル数。
  • ynumber 地図を y 方向に動かすピクセル数。
戻り値: None
地図の中心を指定された距離(ピクセル単位)で変更します。距離が地図の幅と高さの両方よりも小さい場合、遷移はスムーズに行われます。地図の座標系は、西から東(x 値)および北から南(y 値)に増加します。
panTo
panTo(latLng)
パラメータ: 
戻り値: None
地図の中心を、指定された LatLng に変更します。変更範囲が地図の幅と高さの両方よりも小さい場合、遷移はスムーズにアニメーション表示されます。
panToBounds
panToBounds(latLngBounds[, padding])
パラメータ: 
  • latLngBoundsLatLngBounds|LatLngBoundsLiteral 地図をパンする境界。
  • paddingnumber|Padding optional パディング(ピクセル単位)。数値を指定すると、4 つすべての辺でパディングが同じになります。デフォルト値は 0 です。
戻り値: None
指定された LatLngBounds を格納するために必要な最小量だけ、マップをパンします。境界が地図上に表示される場所は保証されませんが、{currentMapSizeInPx} - {padding} の中で境界線が可能な限り表示されるよう、地図がパンされます。ラスター地図とベクター地図では、地図のズーム、傾斜、方角は変更されません。
setCenter
setCenter(latlng)
パラメータ: 
戻り値: None
setClickableIcons
setClickableIcons(value)
パラメータ: 
  • valueboolean
戻り値: None
地図アイコンをクリック可能にするかどうかを指定します。地図アイコンは、スポット(別名「スポット」)を表します。地図アイコンのクリック可能性を無効にするには、このメソッドに false の値を渡します。
setHeading
setHeading(heading)
パラメータ: 
  • headingnumber
戻り値: None
地図のコンパス方位を、北方方位からの角度で設定します。ラスター地図の場合、この方法は航空画像にのみ適用されます。
setMapTypeId
setMapTypeId(mapTypeId)
パラメータ: 
戻り値: None
setOptions
setOptions(options)
パラメータ: 
戻り値: None
setStreetView
setStreetView(panorama)
パラメータ: 
戻り値: None
StreetViewPanorama を地図にバインドします。このパノラマはデフォルトの StreetViewPanorama をオーバーライドし、地図を地図の外側にある外部パノラマにバインドできます。パノラマを null に設定すると、デフォルトの埋め込みパノラマが地図に戻ります。
setTilt
setTilt(tilt)
パラメータ: 
  • tiltnumber
戻り値: None
ベクター地図の場合、地図の表示角を設定します。指定できる値は、地図のズームレベルによって異なります。ラスター地図の場合、地図の表示角度で自動切り替え動作を制御します。指定できる値は 045 のみです。setTilt(0) は、ズームレベルとビューポートに関係なく、地図は常に 0° の航空写真を使用します。setTilt(45) は、現在のズームレベルとビューポートで 45° の画像を利用できる場合は傾斜角度を 45° に、45° 画像が利用できない場合は自動的に 0 に切り替えます(これはデフォルトの動作です)。45° 画像は、一部の地域およびズームレベルで、satellitehybrid のマップタイプでのみご利用いただけます。注: getTilt は、setTilt によって設定された値ではなく、現在の傾斜角度を返します。getTiltsetTilt は別のものを参照するため、tilt プロパティを bind() しないでください。予期しない結果が生じることがあります。
setZoom
setZoom(zoom)
パラメータ: 
  • zoomnumber ズーム値が大きいほど、解像度が高くなります。
戻り値: None
地図のズームを設定します。
継承済み: addListenerbindTogetnotifysetsetValuesunbindunbindAll
DEMO_MAP_ID マップ ID を必要とするコードサンプルで使用できるマップ ID。このマップ ID は、本番環境のアプリケーションでの使用を想定しておらず、クラウド構成を必要とする機能(クラウドのスタイル設定など)には使用できません。
bounds_changed
function()
引数: なし
このイベントは、ビューポートの境界が変更されると発生します。
center_changed
function()
引数: なし
このイベントは、地図の中心プロパティが変更されると発生します。
click
function(event)
引数: 
このイベントは、ユーザーがマップをクリックすると発生します。場所アイコンがクリックされない限り、クリックされた場所のプロパティを含む MapMouseEvent が返されます。この場合は、場所 ID を含む IconMouseEvent が返されます。IconMouseEvent と MapMouseEvent は、IconMouseEvent が place ID フィールドを持つ点を除いて同じです。イベントは、場所 ID が重要でない場合、常に MapMouseEvent として扱うことができます。マーカーや情報ウィンドウがクリックされた場合、クリック イベントは発生しません。
contextmenu
function(event)
引数: 
このイベントは、地図コンテナで DOM コンテキスト メニュー イベントが発生すると発生します。
dblclick
function(event)
引数: 
このイベントは、ユーザーが地図をダブルクリックすると発生します。このクリック イベントがクリックされる直前に 1 回、ときには 2 回呼び出されることもあります。
drag
function()
引数: なし
このイベントは、ユーザーが地図をドラッグしている間に繰り返し発生します。
dragend
function()
引数: なし
このイベントは、ユーザーが地図のドラッグを停止すると発生します。
dragstart
function()
引数: なし
このイベントは、ユーザーが地図のドラッグを開始すると発生します。
heading_changed
function()
引数: なし
このイベントは、地図の方位プロパティが変更されると発生します。
idle
function()
引数: なし
このイベントは、移動またはズームの後に地図がアイドルになると発生します。
isfractionalzoomenabled_changed
function()
引数: なし
このイベントは、isFractionalZoomEnabled プロパティが変更されると発生します。
mapcapabilities_changed
function()
引数: なし
このイベントは、地図の機能が変更されると発生します。
maptypeid_changed
function()
引数: なし
このイベントは、map TypeId プロパティが変更されると発生します。
mousemove
function(event)
引数: 
このイベントは、ユーザーが地図コンテナ上にマウスオーバーすると発生します。
mouseout
function(event)
引数: 
このイベントは、マウスが地図コンテナから離れると発生します。
mouseover
function(event)
引数: 
このイベントは、マウスが地図コンテナ内に入ると発生します。
projection_changed
function()
引数: なし
このイベントは、投影が変更されると発生します。
renderingtype_changed
function()
引数: なし
このイベントは、renderingType が変更されると発生します。
tilesloaded
function()
引数: なし
このイベントは、表示されているタイルの読み込みが完了すると発生します。
tilt_changed
function()
引数: なし
このイベントは、地図の傾斜プロパティが変更されると発生します。
zoom_changed
function()
引数: なし
このイベントは、地図のズーム プロパティが変更されると発生します。
rightclick
function(event)
引数: 
このイベントは、ユーザーが地図上で右クリックすると発生します。

MapOptions インターフェース

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

Map に設定できるプロパティを定義するために使用される MapOptions オブジェクト。

backgroundColor optional
タイプ:  string optional
Map div の背景に使用される色です。ユーザーがパンしてタイルが読み込まれていない場合は、この色が表示されます。このオプションは、地図が初期化されたときのみ設定できます。
center optional
タイプ:  LatLng|LatLngLiteral optional
最初のマップ センター。
clickableIcons optional
タイプ:  boolean optional
デフォルト: true
false の場合、地図アイコンはクリックできません。地図アイコンは、スポット(別名「スポット」)を表します。
controlSize optional
タイプ:  number optional
地図上に表示されるコントロールのピクセル単位のサイズ。この値はマップの作成時に直接指定する必要があります。後でこの値を更新すると、コントロールが undefined 状態になる場合があります。Maps API 自体によるコントロールのみが適用されます。デベロッパーが作成したカスタム コントロールはスケーリングされません。
disableDefaultUI optional
タイプ:  boolean optional
デフォルトの UI ボタンをすべて有効または無効にします。個別にオーバーライドできます。キーボード コントロールは無効になりません。キーボード コントロールは MapOptions.keyboardShortcuts オプションで個別に制御できます。MapOptions.gestureHandling オプションによって個別に制御されるジェスチャー コントロールは無効になりません。
disableDoubleClickZoom optional
タイプ:  boolean optional
ダブルクリックによるズームと中央機能を有効または無効にするデフォルトで有効。

: このプロパティはおすすめしません。ダブルクリックによるズームを無効にするには、gestureHandling プロパティを使用して "none" に設定します。

draggable optional
タイプ:  boolean optional
false の場合は、地図をドラッグできないようにします。ドラッグはデフォルトで有効になっています。
draggableCursor optional
タイプ:  string optional
ドラッグ可能な地図にカーソルを合わせたときに表示されるカーソルの名前または URLこのプロパティは、アイコン CSS 属性を使用してアイコンを変更します。cursorcss プロパティの場合と同様に、URL ではないフォールバック カーソルを少なくとも 1 つ指定する必要があります。例: draggableCursor: 'url(http://www.example.com/icon.png), auto;'
draggingCursor optional
タイプ:  string optional
地図をドラッグしているときに表示されるカーソルの名前または URL。このプロパティは、アイコン CSS 属性を使用してアイコンを変更します。cursorcss プロパティの場合と同様に、URL ではないフォールバック カーソルを少なくとも 1 つ指定する必要があります。例: draggingCursor: 'url(http://www.example.com/icon.png), auto;'
fullscreenControl optional
タイプ:  boolean optional
全画面表示コントロールの有効/無効状態。
fullscreenControlOptions optional
タイプ:  FullscreenControlOptions optional
全画面表示コントロールの表示オプション。
gestureHandling optional
タイプ:  string optional
この設定は、API による地図上のジェスチャーの処理方法が制御されます。使用できる値:
  • "cooperative": スクロール イベントと 1 本指のタッチ操作でページをスクロールし、地図をズームしたりパンしたりしません。2 本の指でタップする操作では、地図をパンおよびズームします。Ctrl キーまたは ⌘ キーを押してイベントをスクロールすると、地図がズームされます。
    モードでは、地図はページと連動します。
  • "greedy": すべてのタップ操作とスクロール イベントにより、地図のパンまたはズームが行われます。
  • "none": ユーザーの操作で地図をパンまたはズームすることはできません。
  • "auto": (デフォルト)ページがスクロール可能か iframe 内にあるかに応じて、ジェスチャー処理は協調的またはギリシャ的になります。
heading optional
タイプ:  number optional
航空画像の向首方向。北方方位から時計回りに計測された度数。方位は、画像を表示できる最も近い角度に合わせられます。
isFractionalZoomEnabled optional
タイプ:  boolean optional
デフォルト: ベクター地図の場合は true、ラスター地図の場合は false
地図に小数点のズームレベルを許可するかどうかを指定します。isfractionalzoomenabled_changed をリッスンして、デフォルトが設定されているタイミングを確認します。
keyboardShortcuts optional
タイプ:  boolean optional
false の場合、地図がキーボードで制御できなくなります。キーボード ショートカットはデフォルトで有効になっています。
mapId optional
タイプ:  string optional
地図のマップ ID。地図をインスタンス化した後、このパラメータを設定または変更することはできません。
mapTypeControl optional
タイプ:  boolean optional
地図タイプ コントロールの初期有効/無効状態。
mapTypeControlOptions optional
タイプ:  MapTypeControlOptions optional
地図タイプのコントロールの初期表示オプション。
mapTypeId optional
タイプ:  MapTypeId|string optional
最初の Map mapTypeId。デフォルトは ROADMAP です。
maxZoom optional
タイプ:  number optional
地図上に表示される最大ズームレベル。省略するか null に設定すると、現在の地図タイプの最大ズームが代わりに使用されます。有効なズームレベルは、ゼロからサポートされている最大ズームレベルまでの数値です。
minZoom optional
タイプ:  number optional
地図上に表示される最小ズームレベル。省略するか null に設定すると、現在の地図タイプの最小ズームが代わりに使用されます。有効なズームレベルは、ゼロからサポートされている最大ズームレベルまでの数値です。
noClear optional
タイプ:  boolean optional
true の場合は、Map div の内容を消去しないでください。
panControl optional
タイプ:  boolean optional
パン コントロールの有効/無効状態。

注: 移動コントロールは、Google Maps JavaScript API v3.22 で導入された新しいコントロール セットではご利用いただけません。v3.22 と v3.23 を使用している間は、新しいコントロールではなく以前のコントロール セットを使うようにして、以前のコントロール セットの一部としてパン コントロールを使用できるようにします。v3.22 地図のコントロールの新機能をご覧ください。

panControlOptions optional
タイプ:  PanControlOptions optional
パン コントロールの表示オプション。

注: 移動コントロールは、Google Maps JavaScript API v3.22 で導入された新しいコントロール セットではご利用いただけません。v3.22 と v3.23 を使用している間は、新しいコントロールではなく以前のコントロール セットを使うようにして、以前のコントロール セットの一部としてパン コントロールを使用できるようにします。v3.22 地図のコントロールの新機能をご覧ください。

restriction optional
タイプ:  MapRestriction optional
ユーザーがアクセスできる地図の領域を制限する境界を定義します。設定すると、パンとズームを行えるのは、カメラビューが境界の境界内に収まっている場合のみです。
rotateControl optional
タイプ:  boolean optional
回転コントロールの有効/無効状態。
rotateControlOptions optional
タイプ:  RotateControlOptions optional
回転コントロールの表示オプション。
scaleControl optional
タイプ:  boolean optional
スケール コントロールの最初の有効/無効状態。
scaleControlOptions optional
タイプ:  ScaleControlOptions optional
スケール コントロールの最初の表示オプション。
scrollwheel optional
タイプ:  boolean optional
false の場合、マウスのスクロール ホイールを使用した地図のズームを無効にします。スクロールホイールはデフォルトで有効になっています。

: このプロパティはおすすめしません。スクロールホイールを使用してズームを無効にするには、gestureHandling プロパティを使用して、"cooperative" または "none" に設定します。

streetView optional
タイプ:  StreetViewPanorama optional
ストリートビューのペグマンが地図上にドロップされたときに表示される StreetViewPanorama。パノラマが指定されていない場合、ペグマンがドロップされると、デフォルトのStreetViewPanorama地図のdivが表示されます。
streetViewControl optional
タイプ:  boolean optional
ストリートビュー ペグマン コントロールの初期有効/無効状態。このコントロールはデフォルトの UI の一部であり、ストリートビューの道路オーバーレイが表示されないマップタイプ(Earth 以外のマップタイプなど)を表示する場合は false に設定する必要があります。
streetViewControlOptions optional
タイプ:  StreetViewControlOptions optional
ストリートビューでペグマン コントロールの最初の表示オプション。
styles optional
タイプ:  Array<MapTypeStyle> optional
デフォルトのマップタイプそれぞれに適用するスタイル。satellite/hybrid モードと terrain モードの場合、これらのスタイルはラベルとジオメトリにのみ適用されます。
tilt optional
タイプ:  number optional
ベクター地図の場合、地図の表示角を設定します。指定できる値は、地図のズームレベルによって異なります。ラスター地図の場合、地図の表示角度で自動切り替え動作を制御します。指定できる値は 045 のみです。0 に設定すると、ズームレベルやビューポートに関係なく、常に 0° の航空写真が使用されます。45 に設定すると、傾斜角は、現在のズームレベルとビューポートで 45° 画像が使用可能になると自動的に 45° に切り替わり、45° 画像が利用できない場合は 0 に戻ります(これはデフォルトの動作です)。45° 画像は、一部の地域およびズームレベルで、satellitehybrid のマップタイプでのみご利用いただけます。注: getTilt は、このオプションで指定された値ではなく、現在の傾斜角度を返します。getTilt とこのオプションは別のものであるため、tilt プロパティを bind() しないでください。予期しない結果が生じる可能性があります。
zoom optional
タイプ:  number optional
地図の初回ズームレベル。有効なズームレベルは、ゼロからサポートされている最大ズームレベルまでの数値です。ズーム値が大きいほど、解像度が高くなります。
zoomControl optional
タイプ:  boolean optional
ズーム コントロールの有効/無効状態。
zoomControlOptions optional
タイプ:  ZoomControlOptions optional
ズーム コントロールの表示オプション。

MapElement クラス

google.maps.MapElement クラス

MapElement は、地図のレンダリングに使用する HTMLElement サブクラスです。maps ライブラリを読み込んだ後、HTML で地図を作成できます。次に例を示します。
<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID"></gmp-map>

内部では、innerMap プロパティを使用してアクセスできる Map を使用します。

カスタム要素:
<gmp-map center="lat,lng" map-id="string" zoom="number"></gmp-map>

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

このクラスは MapElementOptions を実装します。

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

center
タイプ:  LatLng|LatLngLiteral optional
HTML 属性:
  • <gmp-map center="lat,lng"></gmp-map>
innerMap
タイプ:  Map
MapElement が内部で使用する Map への参照。
mapId
タイプ:  string optional
HTML 属性:
  • <gmp-map map-id="string"></gmp-map>
zoom
タイプ:  number optional
HTML 属性:
  • <gmp-map zoom="number"></gmp-map>
BetaaddEventListener
addEventListener(type, listener[, options])
パラメータ: 
  • typestringリッスンするイベントタイプを表す、大文字と小文字が区別される文字列。
  • listenerEventListener|EventListenerObject 通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります
  • optionsboolean|AddEventListenerOptions optional オプションをご確認ください。カスタム イベントは、capturepassive のみをサポートします。
戻り値:  void
指定したイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください
BetaremoveEventListener
removeEventListener(type, listener[, options])
パラメータ: 
  • typestring イベント リスナーを削除するイベントのタイプを指定する文字列。
  • listenerEventListener|EventListenerObject イベント ターゲットから削除するイベント ハンドラのイベント リスナー。
  • optionsboolean|EventListenerOptions optional オプションをご覧ください
戻り値:  void
以前に addEventListener で登録したイベント リスナーをターゲットに削除します。removeEventListener をご覧ください。

MapElementOptions インターフェース

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

MapElement で設定できるプロパティを定義する MapElementOptions オブジェクト。

center optional
タイプ:  LatLng|LatLngLiteral optional
最初のマップ センター。
mapId optional
タイプ:  string optional
地図のマップ ID。地図をインスタンス化した後、このパラメータを設定または変更することはできません。
zoom optional
タイプ:  number optional
地図の初回ズームレベル。有効なズームレベルは、ゼロからサポートされている最大ズームレベルまでの数値です。ズーム値が大きいほど、解像度が高くなります。

MapTypeStyle インターフェース

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

MapTypeStyle は、地図のスタイルを定義するセレクタとスタイラのコレクションです。セレクタでは、影響を受ける地図対象物や要素を指定し、スタイラはそれらの対象物や要素をどのように修正するかを指定します。詳しくは、スタイル リファレンスをご覧ください。

stylers
タイプ:  Array<Object>
選択した地図の対象物と要素に適用するスタイルルール。ルールは、この配列で指定した順序で適用されます。使用法と使用可能な値のガイドラインについては、スタイル リファレンスをご覧ください。
elementType optional
タイプ:  string optional
スタイラを適用する要素。要素は、地図上の対象物の視覚的な側面です。例: ラベル、アイコン、ジオメトリに適用されるストロークや塗りつぶしなど(省略可)elementType が指定されていない場合、値は 'all' であるとみなされます。使用法と使用可能な値の詳細については、スタイル リファレンスをご覧ください。
featureType optional
タイプ:  string optional
スタイラを適用する対象物または対象物のグループ。(省略可)featureType が指定されていない場合、値は 'all' であるとみなされます。使用法と使用可能な値の詳細については、スタイル リファレンスをご覧ください。

MapMouseEvent インターフェース

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

このオブジェクトは、地図とオーバーレイ上のさまざまなマウスイベントから返され、以下に示すすべてのフィールドを含みます。

domEvent
対応するネイティブ DOM イベント。デベロッパーは、target プロパティ、currentTarget プロパティ、relatedTarget プロパティ、path プロパティの定義と一貫性に依存しないでください。Maps API の内部実装の DOM 構造にも依存しないでください。内部イベント マッピングのため、domEventMapMouseEvent とは異なるセマンティクスを持つ場合があります(たとえば、クリックの MapMouseEvent の型は domEventKeyboardEvent です)。
latLng optional
タイプ:  LatLng optional
イベントの発生時にカーソル位置を下回った緯度と経度。
stop
stop()
パラメータ: なし
戻り値:  void
このイベントがこれ以上伝播しないようにします。

IconMouseEvent インターフェース

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

このオブジェクトは、ユーザーが地図上のアイコンをクリックすると、イベントで送信されます。この場所のプレイス ID が placeId メンバーに格納されます。デフォルトの情報ウィンドウが表示されないようにするには、このイベントの stop() メソッドを呼び出して、情報が伝播されないようにします。詳しくは、Places API デベロッパー ガイドのプレイス ID についての記事をご覧ください。

このインターフェースは MapMouseEvent を拡張します。

placeId optional
タイプ:  string optional
クリックされた場所のプレイス ID。この場所 ID は、クリックされた対象物に関する詳細情報のクエリに使用できます。

詳しくは、Places API デベロッパー ガイドのプレイス ID についての記事をご覧ください。

継承済み: domEventlatLng
継承: stop

MapTypeId 定数

google.maps.MapTypeId 定数

一般的な MapType の識別子。指定するには、値を指定するか、定数名を使用します。('satellite'google.maps.MapTypeId.SATELLITE など)が使用されます。

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

HYBRID このマップ タイプは、航空写真上に主要な道路の透明なレイヤを表示します。
ROADMAP このマップ タイプは通常の市街地図を表示します。
SATELLITE このマップ タイプは航空写真を表示します。
TERRAIN このマップ タイプは地形や樹木などの地形的特徴を持つ地図を表示します。

MapTypeRegistry クラス

google.maps.MapTypeRegistry クラス

MapType インスタンス用のレジストリ。MapType ID がキーになります。

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

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

MapTypeRegistry
MapTypeRegistry()
パラメータ: なし
MapTypeRegistry は、地図で使用可能なカスタムマップタイプのコレクションを保持します。API は、たとえばコントロール内で使用可能なマップタイプのリストを提供するときに、このレジストリを参照します。
set
set(id, mapType)
パラメータ: 
  • idstring レジストリに追加する MapType の識別子。
  • mapTypeMapType|* レジストリに追加する MapType オブジェクト。
戻り値: None
渡された文字列 ID を渡された MapType と関連付けるように、レジストリを設定します。
継承済み: addListenerbindTogetnotifysetValuesunbindunbindAll

MapRestriction インターフェース

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

マップに適用できる制限。地図のビューポートはこの制限を超えません。

latLngBounds
設定すると、ユーザーは指定された範囲内でのみパンとズームを行えます。境界では、経度と緯度の両方、または緯度のみを制限できます。緯度のみの境界の場合は、西経と東の経度をそれぞれ -180 と 180 にします(例: latLngBounds: {north: northLat, south: southLat, west: -180, east: 180})。
strictBounds optional
タイプ:  boolean optional
strictBounds フラグを true に設定することで、境界をより制限できます。これにより、ユーザーはどの程度ズームアウトできるかが制限され、制限値を超えた分はすべて非表示のままになります。デフォルトは false です。この場合、ユーザーは、境界領域全体(境界領域の外を含む領域も含む)が表示されるまでズームアウトできます。

TrafficLayer クラス

google.maps.TrafficLayer クラス

交通レイヤ。

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

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

TrafficLayer
TrafficLayer([opts])
パラメータ: 
現在の道路渋滞状況を表示するレイヤ。
getMap
getMap()
パラメータ: なし
戻り値:  Map
このレイヤが表示される地図を返します。
setMap
setMap(map)
パラメータ: 
戻り値: None
指定された地図上にレイヤをレンダリングします。地図が null に設定されている場合、レイヤは削除されます。
setOptions
setOptions(options)
パラメータ: 
戻り値: None
継承済み: addListenerbindTogetnotifysetsetValuesunbindunbindAll

TrafficLayerOptions インターフェース

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

TrafficLayer に設定できるプロパティを定義する TrafficLayerOptions オブジェクト。

autoRefresh optional
タイプ:  boolean optional
デフォルト: true
交通情報が自動的に更新されて情報が更新されるかどうか。
map optional
タイプ:  Map optional
交通状況レイヤを表示する地図。

TransitLayer クラス

google.maps.TransitLayer クラス

交通機関レイヤ。

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

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

TransitLayer
TransitLayer()
パラメータ: なし
交通機関のラインを表示するレイヤ。
getMap
getMap()
パラメータ: なし
戻り値:  Map
このレイヤが表示される地図を返します。
setMap
setMap(map)
パラメータ: 
戻り値: None
指定された地図上にレイヤをレンダリングします。地図が null に設定されている場合、レイヤは削除されます。
継承済み: addListenerbindTogetnotifysetsetValuesunbindunbindAll

BicyclingLayer クラス

google.maps.BicyclingLayer クラス

自動車レーンとパスを表示するレイヤ。

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

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

BicyclingLayer
BicyclingLayer()
パラメータ: なし
自動車レーンとパスを表示し、幹線道路を目立たなくするレイヤ。
getMap
getMap()
パラメータ: なし
戻り値:  Map
このレイヤが表示される地図を返します。
setMap
setMap(map)
パラメータ: 
戻り値: None
指定された地図上にレイヤをレンダリングします。地図が null に設定されている場合、レイヤは削除されます。
継承済み: addListenerbindTogetnotifysetsetValuesunbindunbindAll

CameraOptions インターフェース

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

地図のカメラ オプションの設定に使用します。

center optional
タイプ:  LatLngLiteral|LatLng optional
heading optional
タイプ:  number optional
tilt optional
タイプ:  number optional
zoom optional
タイプ:  number optional

VisibleRegion インターフェース

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

地図に表示される領域となる 4 辺のポリゴンを定義する 4 点を含みます。ベクター地図が傾斜している場合、ベクター地図では、このポリゴンは長方形ではなく台形にできます。

farLeft
タイプ:  LatLng
farRight
タイプ:  LatLng
latLngBounds
タイプ:  LatLngBounds
表示されるリージョンを含む最小の境界ボックス。
nearLeft
タイプ:  LatLng
nearRight
タイプ:  LatLng

RenderingType 定数

google.maps.RenderingType 定数

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

RASTER 地図がラスター地図であることを示します。
UNINITIALIZED 地図の初期化が完了していないため、地図がベクターかラスターか不明であることを示します。
VECTOR 地図がベクター地図であることを示します。

MapCapabilities インターフェース

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

地図で現在利用可能な機能のスナップショットを含むオブジェクト。これは、必ずしも関連モジュールの読み込みや初期化を意味するわけではなく、現在の地図がこれらの API を使用する権限を持っていることを表します。利用可能な機能のリストについては、プロパティをご覧ください。

isAdvancedMarkersAvailable optional
タイプ:  boolean optional
true の場合、この地図は高度なマーカーを使用できるよう正しく設定されています。なお、高度なマーカーを使用するには、引き続き marker ライブラリをインポートする必要があります。詳しくは、https://goo.gle/gmp-isAdvancedMarkersAvailable をご覧ください。
isDataDrivenStylingAvailable optional
タイプ:  boolean optional
true の場合、少なくとも 1 つの FeatureLayer でデータドリブン スタイリングを使用できるように、このマップが適切に設定されています。詳しくは、https://goo.gle/gmp-data-driven-stylinghttps://goo.gle/gmp-FeatureLayerIsAvailable をご覧ください。