Map クラス
google.maps.Map
クラス
このクラスは MVCObject
を拡張します。
const {Map} = await google.maps.importLibrary("maps")
を呼び出してアクセスします。詳しくは、Maps JavaScript API のライブラリをご覧ください。
コンストラクタ | |
---|---|
Map |
Map(mapDiv[, opts]) パラメータ:
指定された HTML コンテナ(通常は DIV 要素)内に新しい地図を作成します。 |
プロパティ | |
---|---|
controls |
タイプ:
Array<MVCArray<HTMLElement>> 地図に追加する追加のコントロール。地図にコントロールを追加するには、そのコントロールの <div> を、レンダリング先の ControlPosition に対応する MVCArray に追加します。 |
data |
タイプ:
Data 地図にバインドされた Data のインスタンス。この Data オブジェクトに対象物を追加して、この地図に簡単に表示します。 |
mapTypes |
タイプ:
MapTypeRegistry 文字列 ID による MapType インスタンスのレジストリ。 |
overlayMapTypes |
オーバーレイする追加のマップタイプ。オーバーレイのマップタイプは、関連付けられている基本地図の上に表示され、その順序は overlayMapTypes 配列での記述順序です(より高いインデックス値を持つオーバーレイが、低いインデックス値を持つオーバーレイの前に表示されます)。 |
Methods | |
---|---|
fitBounds |
fitBounds(bounds[, padding]) パラメータ:
戻り値: None
指定された境界が含まれるようにビューポートを設定します。 注:地図を display: none に設定すると、fitBounds 関数は地図のサイズを 0x0 として読み取ります。地図が非表示のときにビューポートを変更するには、地図を visibility: hidden に設定して、地図の div を実際のサイズにします。ベクター地図の場合、このメソッドは地図の傾斜と方角をデフォルトのゼロ値に設定します。このメソッドを呼び出すと、境界に合わせて地図がパンおよびズームされるため、アニメーションがスムーズになる可能性があります。このメソッドがアニメーション化されるかどうかは、内部ヒューリスティックによって異なります。 |
getBounds |
getBounds() パラメータ: なし
戻り値:
LatLngBounds|undefined 現在のビューポートの緯度/経度の範囲。現在のビューポートの緯度/経度の範囲を返します。世界のコピーが複数表示される場合、経度の範囲は -180 ~ 180 度になります。地図がまだ初期化されていないか、中央に配置されていて、ズームが設定されていない場合、結果は undefined になります。傾斜または方角がゼロでないベクター地図の場合、返される緯度/経度の範囲は、地図のビューポートの表示領域を含む最小の境界ボックスになります。地図のビューポートの正確な表示領域を取得するには、MapCanvasProjection.getVisibleRegion をご覧ください。 |
getCenter |
getCenter() パラメータ: なし
戻り値:
LatLng|undefined |
getClickableIcons |
getClickableIcons() パラメータ: なし
戻り値:
boolean|undefined 地図アイコンのクリック可能性を返します。地図アイコンは、スポット(別名「スポット」)を表します。戻り値が true の場合は、地図上でアイコンをクリックできます。 |
|
getDatasetFeatureLayer(datasetId) パラメータ:
戻り値:
FeatureLayer 指定された datasetId の FeatureLayer を返します。データセット ID は Google Cloud Console で構成する必要があります。データセット ID がマップの地図スタイルに関連付けられていない場合、またはデータドリブン スタイル設定(マップ ID、ベクタータイル、データドリブン スタイリング対象物レイヤ、または地図のスタイルで構成されたデータセット)が利用できない場合は、エラーがログに記録され、FeatureLayer.isAvailable は false になります。 |
getDiv |
getDiv() パラメータ: なし
戻り値:
HTMLElement の mapDiv。 |
getFeatureLayer |
getFeatureLayer(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) パラメータ:
戻り値: None
直ちに、地図のカメラがアニメーションなしでターゲットのカメラ オプションに設定されます。 |
panBy |
panBy(x, y) パラメータ:
戻り値: None
地図の中心を指定された距離(ピクセル単位)で変更します。距離が地図の幅と高さの両方よりも小さい場合、遷移はスムーズに行われます。地図の座標系は、西から東(x 値)および北から南(y 値)に増加します。 |
panTo |
panTo(latLng) パラメータ:
戻り値: None
地図の中心を、指定された LatLng に変更します。変更範囲が地図の幅と高さの両方よりも小さい場合、遷移はスムーズにアニメーション表示されます。 |
panToBounds |
panToBounds(latLngBounds[, padding]) パラメータ:
戻り値: None
指定された LatLngBounds を格納するために必要な最小量だけ、マップをパンします。境界が地図上に表示される場所は保証されませんが、{currentMapSizeInPx} - {padding} の中で境界線が可能な限り表示されるよう、地図がパンされます。ラスター地図とベクター地図では、地図のズーム、傾斜、方角は変更されません。 |
setCenter |
setCenter(latlng) パラメータ:
戻り値: None
|
setClickableIcons |
setClickableIcons(value) パラメータ:
戻り値: None
地図アイコンをクリック可能にするかどうかを指定します。地図アイコンは、スポット(別名「スポット」)を表します。地図アイコンのクリック可能性を無効にするには、このメソッドに false の値を渡します。 |
setHeading |
setHeading(heading) パラメータ:
戻り値: None
地図のコンパス方位を、北方方位からの角度で設定します。ラスター地図の場合、この方法は航空画像にのみ適用されます。 |
setMapTypeId |
setMapTypeId(mapTypeId) パラメータ:
戻り値: None
|
setOptions |
setOptions(options) パラメータ:
戻り値: None
|
setStreetView |
setStreetView(panorama) パラメータ:
戻り値: None
StreetViewPanorama を地図にバインドします。このパノラマはデフォルトの StreetViewPanorama をオーバーライドし、地図を地図の外側にある外部パノラマにバインドできます。パノラマを null に設定すると、デフォルトの埋め込みパノラマが地図に戻ります。 |
setTilt |
setTilt(tilt) パラメータ:
戻り値: None
ベクター地図の場合、地図の表示角を設定します。指定できる値は、地図のズームレベルによって異なります。ラスター地図の場合、地図の表示角度で自動切り替え動作を制御します。指定できる値は 0 と 45 のみです。setTilt(0) は、ズームレベルとビューポートに関係なく、地図は常に 0° の航空写真を使用します。setTilt(45) は、現在のズームレベルとビューポートで 45° の画像を利用できる場合は傾斜角度を 45° に、45° 画像が利用できない場合は自動的に 0 に切り替えます(これはデフォルトの動作です)。45° 画像は、一部の地域およびズームレベルで、satellite と hybrid のマップタイプでのみご利用いただけます。注: getTilt は、setTilt によって設定された値ではなく、現在の傾斜角度を返します。getTilt と setTilt は別のものを参照するため、tilt プロパティを bind() しないでください。予期しない結果が生じることがあります。 |
setZoom |
setZoom(zoom) パラメータ:
戻り値: None
地図のズームを設定します。 |
継承済み:
addListener 、
bindTo 、
get 、
notify 、set 、setValues 、unbind 、
unbindAll
|
定数 | |
---|---|
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) 引数:
このイベントは、ユーザーが地図をダブルクリックすると発生します。このクリックの直前にクリック イベントが発生することに注意してください。 |
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() 引数: なし
このイベントは、地図のズーム プロパティが変更されると発生します。 |
|
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 ダブルクリックによるズームと中央機能を有効または無効にするデフォルトで有効。 注: このプロパティはおすすめしません。ダブルクリックによるズームを無効にするには、 |
|
タイプ:
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 による地図上のジェスチャーの処理方法が制御されます。使用できる値:
|
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 の場合、マウスのスクロール ホイールを使用した地図のズームを無効にします。スクロールホイールはデフォルトで有効になっています。注: このプロパティはおすすめしません。スクロールホイールを使用してズームを無効にするには、 |
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 属性:
|
innerMap |
タイプ:
Map MapElement が内部で使用する Map への参照。 |
mapId |
タイプ:
string optional HTML 属性:
|
zoom |
タイプ:
number optional HTML 属性:
|
Methods | |
---|---|
|
addEventListener(type, listener[, options]) パラメータ:
戻り値:
void 指定したイベントがターゲットに配信されるたびに呼び出される関数を設定します。addEventListener をご覧ください |
|
removeEventListener(type, listener[, options]) パラメータ:
戻り値:
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 |
選択した地図の対象物と要素に適用するスタイルルール。ルールは、この配列で指定した順序で適用されます。使用法と使用可能な値のガイドラインについては、スタイル リファレンスをご覧ください。 |
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 構造にも依存しないでください。内部イベント マッピングのため、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) パラメータ:
戻り値: None
渡された文字列 ID を渡された MapType と関連付けるように、レジストリを設定します。 |
継承済み:
addListener 、
bindTo 、
get 、
notify 、setValues 、unbind 、unbindAll
|
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]) パラメータ:
現在の道路渋滞状況を表示するレイヤ。 |
Methods | |
---|---|
getMap |
getMap() パラメータ: なし
戻り値:
Map このレイヤが表示される地図を返します。 |
setMap |
setMap(map) パラメータ:
戻り値: None
指定された地図上にレイヤをレンダリングします。地図が null に設定されている場合、レイヤは削除されます。 |
setOptions |
setOptions(options) パラメータ:
戻り値: 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) パラメータ:
戻り値: 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) パラメータ:
戻り値: 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 |