このページは Cloud Translation API によって翻訳されました。

Maps

Map クラス

google.maps.Map クラス

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

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

コンストラクタ
`Map`	`Map(mapDiv[, opts])` パラメータ: `mapDiv`: `HTMLElement` この要素を埋めるためにマップがレンダリングされます。 `opts`: `MapOptions optional` のオプション指定された HTML コンテナ（通常は `DIV` 要素）内に新しい地図を作成します。

プロパティ
`controls`	タイプ: `Array<MVCArray<HTMLElement>>` 地図に追加する追加のコントロール。地図にコントロールを追加するには、そのコントロールの `<div>` を、レンダリング先の `ControlPosition` に対応する `MVCArray` に追加します。
`data`	タイプ: `Data` 地図にバインドされた `Data` のインスタンス。この `Data` オブジェクトに対象物を追加して、この地図に簡単に表示します。
`mapTypes`	タイプ: `MapTypeRegistry` 文字列 ID による `MapType` インスタンスのレジストリ。
`overlayMapTypes`	タイプ: `MVCArray<MapType optional>` オーバーレイする追加のマップタイプ。オーバーレイのマップタイプは、関連付けられている基本地図の上に表示され、その順序は `overlayMapTypes` 配列での記述順序です（より高いインデックス値を持つオーバーレイが、低いインデックス値を持つオーバーレイの前に表示されます）。

Methods
`fitBounds`	`fitBounds(bounds[, padding])` パラメータ: `bounds`: `LatLngBounds\|LatLngBoundsLiteral` 表示する境界。 `padding`: `number\|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` の場合は、地図上でアイコンをクリックできます。
`getDatasetFeatureLayer`	注: v=beta チャンネルでのみ使用できます。 `getDatasetFeatureLayer(datasetId)` パラメータ: `datasetId`: `string` 戻り値: `FeatureLayer` 指定された `datasetId` の `FeatureLayer` を返します。データセット ID は Google Cloud Console で構成する必要があります。データセット ID がマップの地図スタイルに関連付けられていない場合、またはデータドリブンスタイル設定（マップ ID、ベクタータイル、データドリブンスタイリング対象物レイヤ、または地図のスタイルで構成されたデータセット）が利用できない場合は、エラーがログに記録され、`FeatureLayer.isAvailable` は false になります。
`getDiv`	`getDiv()` パラメータ: なし戻り値: `HTMLElement` の mapDiv。
`getFeatureLayer`	`getFeatureLayer(featureType)` パラメータ: `featureType`: `FeatureType` 戻り値: `FeatureLayer` 特定の `FeatureType` の `FeatureLayer` を返します。Google Cloud Console で `FeatureLayer` を有効にする必要があります。指定された `FeatureType` の `FeatureLayer` がこの地図に存在しない場合、またはデータドリブンスタイリング（マップ 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)` パラメータ: `cameraOptions`: `CameraOptions` 戻り値: None 直ちに、地図のカメラがアニメーションなしでターゲットのカメラオプションに設定されます。
`panBy`	`panBy(x, y)` パラメータ: `x`: `number` 地図を x 方向に動かすピクセル数。 `y`: `number` 地図を y 方向に動かすピクセル数。戻り値: None 地図の中心を指定された距離（ピクセル単位）で変更します。距離が地図の幅と高さの両方よりも小さい場合、遷移はスムーズに行われます。地図の座標系は、西から東（x 値）および北から南（y 値）に増加します。
`panTo`	`panTo(latLng)` パラメータ: `latLng`: `LatLng\|LatLngLiteral` 地図の新しい中央の緯度と経度。戻り値: None 地図の中心を、指定された `LatLng` に変更します。変更範囲が地図の幅と高さの両方よりも小さい場合、遷移はスムーズにアニメーション表示されます。
`panToBounds`	`panToBounds(latLngBounds[, padding])` パラメータ: `latLngBounds`: `LatLngBounds\|LatLngBoundsLiteral` 地図をパンする境界。 `padding`: `number\|Padding optional` パディング（ピクセル単位）。数値を指定すると、4 つすべての辺でパディングが同じになります。デフォルト値は 0 です。戻り値: None 指定された `LatLngBounds` を格納するために必要な最小量だけ、マップをパンします。境界が地図上に表示される場所は保証されませんが、`{currentMapSizeInPx} - {padding}` の中で境界線が可能な限り表示されるよう、地図がパンされます。ラスター地図とベクター地図では、地図のズーム、傾斜、方角は変更されません。
`setCenter`	`setCenter(latlng)` パラメータ: `latlng`: `LatLng\|LatLngLiteral` 戻り値: None
`setClickableIcons`	`setClickableIcons(value)` パラメータ: `value`: `boolean` 戻り値: None 地図アイコンをクリック可能にするかどうかを指定します。地図アイコンは、スポット（別名「スポット」）を表します。地図アイコンのクリック可能性を無効にするには、このメソッドに `false` の値を渡します。
`setHeading`	`setHeading(heading)` パラメータ: `heading`: `number` 戻り値: None 地図のコンパス方位を、北方方位からの角度で設定します。ラスター地図の場合、この方法は航空画像にのみ適用されます。
`setMapTypeId`	`setMapTypeId(mapTypeId)` パラメータ: `mapTypeId`: `MapTypeId\|string` 戻り値: None
`setOptions`	`setOptions(options)` パラメータ: `options`: `MapOptions optional` 戻り値: None
`setStreetView`	`setStreetView(panorama)` パラメータ: `panorama`: `StreetViewPanorama optional` 地図にバインドするパノラマ。戻り値: None `StreetViewPanorama` を地図にバインドします。このパノラマはデフォルトの `StreetViewPanorama` をオーバーライドし、地図を地図の外側にある外部パノラマにバインドできます。パノラマを `null` に設定すると、デフォルトの埋め込みパノラマが地図に戻ります。
`setTilt`	`setTilt(tilt)` パラメータ: `tilt`: `number` 戻り値: None ベクター地図の場合、地図の表示角を設定します。指定できる値は、地図のズームレベルによって異なります。ラスター地図の場合、地図の表示角度で自動切り替え動作を制御します。指定できる値は `0` と `45` のみです。`setTilt(0)` は、ズームレベルとビューポートに関係なく、地図は常に 0° の航空写真を使用します。`setTilt(45)` は、現在のズームレベルとビューポートで 45° の画像を利用できる場合は傾斜角度を 45° に、45° 画像が利用できない場合は自動的に 0 に切り替えます（これはデフォルトの動作です）。45° 画像は、一部の地域およびズームレベルで、`satellite` と `hybrid` のマップタイプでのみご利用いただけます。注: `getTilt` は、`setTilt` によって設定された値ではなく、現在の傾斜角度を返します。`getTilt` と `setTilt` は別のものを参照するため、`tilt` プロパティを `bind()` しないでください。予期しない結果が生じることがあります。
`setZoom`	`setZoom(zoom)` パラメータ: `zoom`: `number` ズーム値が大きいほど、解像度が高くなります。戻り値: None 地図のズームを設定します。
継承済み: `addListener`、 `bindTo`、 `get`、 `notify`、`set`、`setValues`、`unbind`、 `unbindAll`

定数
`DEMO_MAP_ID`	マップ ID を必要とするコードサンプルで使用できるマップ ID。このマップ ID は、本番環境のアプリケーションでの使用を想定しておらず、クラウド構成を必要とする機能（クラウドのスタイル設定など）には使用できません。

イベント
`bounds_changed`	`function()` 引数: なしこのイベントは、ビューポートの境界が変更されると発生します。
`center_changed`	`function()` 引数: なしこのイベントは、地図の中心プロパティが変更されると発生します。
`click`	`function(event)` 引数: `event`: `MapMouseEvent\|IconMouseEvent` このイベントは、ユーザーがマップをクリックすると発生します。場所アイコンがクリックされない限り、クリックされた場所のプロパティを含む MapMouseEvent が返されます。この場合は、場所 ID を含む IconMouseEvent が返されます。IconMouseEvent と MapMouseEvent は、IconMouseEvent が place ID フィールドを持つ点を除いて同じです。イベントは、場所 ID が重要でない場合、常に MapMouseEvent として扱うことができます。マーカーや情報ウィンドウがクリックされた場合、クリックイベントは発生しません。
`contextmenu`	`function(event)` 引数: `event`: `MapMouseEvent` このイベントは、地図コンテナで DOM コンテキストメニューイベントが発生すると発生します。
`dblclick`	`function(event)` 引数: `event`: `MapMouseEvent` このイベントは、ユーザーが地図をダブルクリックすると発生します。このクリックの直前にクリックイベントが発生することに注意してください。
`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)` 引数: `event`: `MapMouseEvent` このイベントは、ユーザーが地図コンテナ上にマウスオーバーすると発生します。
`mouseout`	`function(event)` 引数: `event`: `MapMouseEvent` このイベントは、マウスが地図コンテナから離れると発生します。
`mouseover`	`function(event)` 引数: `event`: `MapMouseEvent` このイベントは、マウスが地図コンテナ内に入ると発生します。
`projection_changed`	`function()` 引数: なしこのイベントは、投影が変更されると発生します。
`renderingtype_changed`	`function()` 引数: なしこのイベントは、renderingType が変更されると発生します。
`tilesloaded`	`function()` 引数: なしこのイベントは、表示されているタイルの読み込みが完了すると発生します。
`tilt_changed`	`function()` 引数: なしこのイベントは、地図の傾斜プロパティが変更されると発生します。
`zoom_changed`	`function()` 引数: なしこのイベントは、地図のズームプロパティが変更されると発生します。
`rightclick`	非推奨: macOS で Control-click などの使用パターンをサポートするには、代わりに `Map.contextmenu` イベントを使用します。 `function(event)` 引数: `event`: `MapMouseEvent` このイベントは、ユーザーが地図上で右クリックすると発生します。

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`	非推奨: 2017 年に非推奨となりました。地図上でのドラッグを無効にするには、`gestureHandling` プロパティを使用して `"none"` に設定します。タイプ: `boolean optional` `false` の場合は、地図をドラッグできないようにします。ドラッグはデフォルトで有効になっています。
`draggableCursor optional`	タイプ: `string optional` ドラッグ可能な地図にカーソルを合わせたときに表示されるカーソルの名前または URLこのプロパティは、アイコン CSS 属性を使用してアイコンを変更します。`cursor`css プロパティの場合と同様に、URL ではないフォールバックカーソルを少なくとも 1 つ指定する必要があります。例: `draggableCursor: 'url(http://www.example.com/icon.png), auto;'`。
`draggingCursor optional`	タイプ: `string optional` 地図をドラッグしているときに表示されるカーソルの名前または URL。このプロパティは、アイコン CSS 属性を使用してアイコンを変更します。`cursor`css プロパティの場合と同様に、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` ベクター地図の場合、地図の表示角を設定します。指定できる値は、地図のズームレベルによって異なります。ラスター地図の場合、地図の表示角度で自動切り替え動作を制御します。指定できる値は `0` と `45` のみです。`0` に設定すると、ズームレベルやビューポートに関係なく、常に 0° の航空写真が使用されます。`45` に設定すると、傾斜角は、現在のズームレベルとビューポートで 45° 画像が使用可能になると自動的に 45° に切り替わり、45° 画像が利用できない場合は 0 に戻ります（これはデフォルトの動作です）。45° 画像は、一部の地域およびズームレベルで、`satellite` と `hybrid` のマップタイプでのみご利用いただけます。注: `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>`

Methods
`addEventListener`	注: v=beta チャンネルでのみ使用できます。 `addEventListener(type, listener[, options])` パラメータ: `type`: `string`リッスンするイベントタイプを表す、大文字と小文字が区別される文字列。 `listener`: `EventListener\|EventListenerObject` 通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります `options`: `boolean\|AddEventListenerOptions optional` オプションをご確認ください。カスタムイベントは、`capture` と `passive` のみをサポートします。戻り値: `void` 指定したイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください
`removeEventListener`	注: v=beta チャンネルでのみ使用できます。 `removeEventListener(type, listener[, options])` パラメータ: `type`: `string` イベントリスナーを削除するイベントのタイプを指定する文字列。 `listener`: `EventListener\|EventListenerObject` イベントターゲットから削除するイベントハンドラのイベントリスナー。 `options`: `boolean\|EventListenerOptions optional` オプションをご覧ください戻り値: `void` 以前に addEventListener で登録したイベントリスナーをターゲットに削除します。removeEventListener をご覧ください。

Methods

addEventListener

addEventListener(type, listener[, options])

パラメータ:

type: stringリッスンするイベントタイプを表す、大文字と小文字が区別される文字列。
listener: EventListener|EventListenerObject 通知を受け取るオブジェクト。これは、handleEvent メソッドを含む関数またはオブジェクトである必要があります
options: boolean|AddEventListenerOptions optional オプションをご確認ください。カスタムイベントは、capture と passive のみをサポートします。

戻り値: void

指定したイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください

removeEventListener

removeEventListener(type, listener[, options])

パラメータ:

type: string イベントリスナーを削除するイベントのタイプを指定する文字列。
listener: EventListener|EventListenerObject イベントターゲットから削除するイベントハンドラのイベントリスナー。
options: boolean|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`	タイプ: `MouseEvent\|TouchEvent\|PointerEvent\|KeyboardEvent\|Event` 対応するネイティブ DOM イベント。デベロッパーは、`target` プロパティ、`currentTarget` プロパティ、`relatedTarget` プロパティ、`path` プロパティの定義と一貫性に依存しないでください。Maps API の内部実装の DOM 構造にも依存しないでください。内部イベントマッピングのため、`domEvent` は `MapMouseEvent` とは異なるセマンティクスを持つ場合があります（たとえば、クリックの `MapMouseEvent` の型は `domEvent` の `KeyboardEvent` です）。
`latLng optional`	タイプ: `LatLng optional` イベントの発生時にカーソル位置を下回った緯度と経度。

プロパティ

domEvent

タイプ: MouseEvent|TouchEvent|PointerEvent|KeyboardEvent|Event

対応するネイティブ DOM イベント。デベロッパーは、target プロパティ、currentTarget プロパティ、relatedTarget プロパティ、path プロパティの定義と一貫性に依存しないでください。Maps API の内部実装の DOM 構造にも依存しないでください。内部イベントマッピングのため、domEvent は MapMouseEvent とは異なるセマンティクスを持つ場合があります（たとえば、クリックの MapMouseEvent の型は domEvent の KeyboardEvent です）。

latLng optional

タイプ: LatLng optional

イベントの発生時にカーソル位置を下回った緯度と経度。

Methods
`stop`	`stop()` パラメータ: なし戻り値: `void` このイベントがこれ以上伝播しないようにします。

IconMouseEvent インターフェース

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

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

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

プロパティ
`placeId optional`	タイプ: `string optional` クリックされた場所のプレイス ID。この場所 ID は、クリックされた対象物に関する詳細情報のクエリに使用できます。詳しくは、Places API デベロッパーガイドのプレイス ID についての記事をご覧ください。
継承済み: `domEvent`、 `latLng`

Methods
継承: `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 は、たとえばコントロール内で使用可能なマップタイプのリストを提供するときに、このレジストリを参照します。

Methods
`set`	`set(id, mapType)` パラメータ: `id`: `string` レジストリに追加する MapType の識別子。 `mapType`: `MapType\|` レジストリに追加する MapType オブジェクト。戻り値:* None 渡された文字列 ID を渡された MapType と関連付けるように、レジストリを設定します。
継承済み: `addListener`、 `bindTo`、 `get`、 `notify`、`setValues`、`unbind`、`unbindAll`

MapRestriction インターフェース

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

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

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

プロパティ

latLngBounds

タイプ: LatLngBounds|LatLngBoundsLiteral

設定すると、ユーザーは指定された範囲内でのみパンとズームを行えます。境界では、経度と緯度の両方、または緯度のみを制限できます。緯度のみの境界の場合は、西経と東の経度をそれぞれ -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])` パラメータ: `opts`: `TrafficLayerOptions optional` 現在の道路渋滞状況を表示するレイヤ。

Methods
`getMap`	`getMap()` パラメータ: なし戻り値: `Map` このレイヤが表示される地図を返します。
`setMap`	`setMap(map)` パラメータ: `map`: `Map` 戻り値: None 指定された地図上にレイヤをレンダリングします。地図が `null` に設定されている場合、レイヤは削除されます。
`setOptions`	`setOptions(options)` パラメータ: `options`: `TrafficLayerOptions` 戻り値: None
継承済み: `addListener`、 `bindTo`、 `get`、 `notify`、`set`、`setValues`、`unbind`、 `unbindAll`

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()` パラメータ: なし交通機関のラインを表示するレイヤ。

Methods
`getMap`	`getMap()` パラメータ: なし戻り値: `Map` このレイヤが表示される地図を返します。
`setMap`	`setMap(map)` パラメータ: `map`: `Map` 戻り値: None 指定された地図上にレイヤをレンダリングします。地図が `null` に設定されている場合、レイヤは削除されます。
継承済み: `addListener`、 `bindTo`、 `get`、 `notify`、`set`、`setValues`、`unbind`、 `unbindAll`

BicyclingLayer クラス

google.maps.BicyclingLayer クラス

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

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

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

コンストラクタ
`BicyclingLayer`	`BicyclingLayer()` パラメータ: なし自動車レーンとパスを表示し、幹線道路を目立たなくするレイヤ。

Methods
`getMap`	`getMap()` パラメータ: なし戻り値: `Map` このレイヤが表示される地図を返します。
`setMap`	`setMap(map)` パラメータ: `map`: `Map` 戻り値: None 指定された地図上にレイヤをレンダリングします。地図が `null` に設定されている場合、レイヤは削除されます。
継承済み: `addListener`、 `bindTo`、 `get`、 `notify`、`set`、`setValues`、`unbind`、 `unbindAll`

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 インターフェース

地図で現在利用可能な機能のスナップショットを含むオブジェクト。利用可能な機能のリストについては、プロパティをご覧ください。

プロパティ
`isAdvancedMarkersAvailable optional`	タイプ: `boolean optional`
`isDataDrivenStylingAvailable optional`	タイプ: `boolean optional`

Maps

Map クラス

コンストラクタ

プロパティ

Methods

定数

イベント

MapOptions インターフェース

プロパティ

MapElement クラス

プロパティ

Methods

MapElementOptions インターフェース

プロパティ

MapTypeStyle インターフェース

プロパティ

MapMouseEvent インターフェース

プロパティ

Methods

IconMouseEvent インターフェース

プロパティ

Methods

MapTypeId 定数

定数

MapTypeRegistry クラス

コンストラクタ

Methods

MapRestriction インターフェース

プロパティ

TrafficLayer クラス

コンストラクタ

Methods

TrafficLayerOptions インターフェース

プロパティ

TransitLayer クラス

コンストラクタ

Methods

BicyclingLayer クラス

コンストラクタ

Methods

CameraOptions インターフェース

プロパティ

VisibleRegion インターフェース

プロパティ

RenderingType 定数

定数

MapCapabilities インターフェース

プロパティ