StreetViewPanorama クラス
google.maps.StreetViewPanorama クラス
指定された LatLng またはパノラマ ID のパノラマを表示します。StreetViewPanorama オブジェクトは、別の <div> 内でスタンドアロンにできるか、Map にバインドできるストリートビュー「ビューア」を提供します。
このクラスは MVCObject を拡張します。
const {StreetViewPanorama} = await google.maps.importLibrary("streetView") を呼び出してアクセスします。
Maps JavaScript API のライブラリをご覧ください。
コンストラクタ | |
|---|---|
StreetViewPanorama |
StreetViewPanorama(container[, opts])パラメータ:
渡された StreetViewPanoramaOptions でパノラマを作成します。 |
プロパティ | |
|---|---|
controls |
タイプ:
Array<MVCArray<HTMLElement>>パノラマに添付する追加のコントロール。パノラマにコントロールを追加するには、コントロールの <div> を、レンダリングする ControlPosition に対応する MVCArray に追加します。 |
メソッド | |
|---|---|
focus |
focus()パラメータ: なし
戻り値: なし
この StreetViewPanorama にフォーカスを設定します。焦点を当てる前に StreetViewPanorama が表示されていることを確認するために、このメソッドを visible_changed イベントと組み合わせて使用することをおすすめします。表示されていない StreetViewPanorama にはフォーカスできません。 |
getLinks |
getLinks()パラメータ: なし
戻り値:
Array<StreetViewLink>ストリートビュー パノラマのナビゲーション リンクのセットを返します。 |
getLocation |
getLocation()パラメータ: なし
戻り値:
StreetViewLocation現在のパノラマの StreetViewLocation を返します。 |
getMotionTracking |
getMotionTracking()パラメータ: なし
戻り値:
booleanモーション トラッカーの状態を返します。ユーザーがデバイスを物理的に動かしたときに true が true で、ブラウザがそれをサポートしている場合、ストリートビュー パノラマは物理的な動きを追跡します。 |
getPano |
getPano()パラメータ: なし
戻り値:
stringストリートビュー パノラマの現在のパノラマ ID を返します。この ID は、現在のブラウザ セッション内でのみ一定です。 |
getPhotographerPov |
getPhotographerPov()パラメータ: なし
戻り値:
StreetViewPovこのパノラマが撮影されたときの撮影者の見出しとピッチを返します。道路上のストリートビュー パノラマの場合、車の進行方向も表示されます。このデータは pano_changed イベントの後に利用できます。 |
getPosition |
getPosition()パラメータ: なし
戻り値:
LatLng|nullストリートビュー パノラマの現在の LatLng の位置を返します。 |
getPov |
getPov()パラメータ: なし
戻り値:
StreetViewPovストリートビュー パノラマの現在の視点を返します。 |
getStatus |
getStatus()パラメータ: なし
戻り値:
StreetViewStatussetPosition() または setPano() リクエストの完了時にパノラマのステータスを返します。 |
getVisible |
getVisible()パラメータ: なし
戻り値:
booleanパノラマが表示されている場合は true を返します。ストリートビュー画像が指定された位置で使用できるかどうかは指定しません。 |
getZoom |
getZoom()パラメータ: なし
戻り値:
numberパノラマのズームレベルを返します。完全にズームアウトした状態はレベル 0 で、視野角は 180 度です。ズームインするとズームレベルが上がります。 |
registerPanoProvider |
registerPanoProvider(provider[, opt_options])パラメータ:
戻り値: なし
パノラマの変更時に呼び出されたカスタム パノラマ プロバイダを設定し、カスタム パノラマを読み込みます。 |
setLinks |
setLinks(links)パラメータ:
戻り値: なし
ストリートビュー パノラマのナビゲーション リンクのセットを設定します。 |
setMotionTracking |
setMotionTracking(motionTracking)パラメータ:
戻り値: なし
モーション トラッカーの状態を設定します。ユーザーがデバイスを物理的に動かしたときに true が true で、ブラウザがそれをサポートしている場合、ストリートビュー パノラマは物理的な動きを追跡します。 |
setOptions |
setOptions(options)パラメータ:
戻り値: なし
Key-Value ペアのコレクションを設定します。 |
setPano |
setPano(pano)パラメータ:
戻り値: なし
ストリートビュー パノラマの現在のパノラマ ID を設定します。 |
setPosition |
setPosition(latLng)パラメータ:
戻り値: なし
ストリートビュー パノラマの現在の LatLng の位置を設定します。 |
setPov |
setPov(pov)パラメータ:
戻り値: なし
ストリートビュー パノラマの現在の視点を設定します。 |
setVisible |
setVisible(flag)パラメータ:
戻り値: なし
パノラマを表示するには、 true に設定します。false に設定すると、パノラマが地図に埋め込まれているか、独自の <div> に埋め込まれているかにかかわらず、パノラマは非表示になります。 |
setZoom |
setZoom(zoom)パラメータ:
戻り値: なし
パノラマのズームレベルを設定します。完全にズームアウトした状態はレベル 0 で、視野角は 180 度です。ズームインするとズームレベルが上がります。 |
継承:
addListener、
bindTo、
get、
notify、
set、
setValues、
unbind、
unbindAll
| |
イベント | |
|---|---|
closeclick |
function(event)引数:
このイベントは、閉じるボタン [X] がクリックされると発生します。 |
pano_changed |
function()引数: なし
このイベントは、パノラマのパノラマ ID が変更されたときに発生します。パノラマ内を移動したり、位置を手動で設定したりすると、パノラマが変化することがあります。すべての位置の変更で pano_changed がトリガーされるわけではありません。 |
position_changed |
function()引数: なし
パノラマの位置が変更されたときに発生します。ユーザーがパノラマ内を移動したり、位置が手動で設定されたりすると、位置が変更される場合があります。 |
pov_changed |
function()引数: なし
このイベントは、パノラマの視点が変更されたときに発生します。ピッチ、ズーム、角度が変更されると、視点は変更されます。 |
resize |
function()引数: なし
デベロッパーは、パノラマの div のサイズが変更されたときに、このイベントをトリガーする必要があります( google.maps.event.trigger(panorama, 'resize'))。 |
status_changed |
function()引数: なし
このイベントは、 setPosition() または setPano() を介して ID または位置情報でパノラマを検索するたびに発生します。 |
visible_changed |
function()引数: なし
このイベントは、パノラマの可視性が変更されたときに発生します。ペグマンを地図にドラッグしたとき、閉じるボタンをクリックしたとき、または setVisible() を呼び出したときに、公開設定が変更されます。 |
zoom_changed |
function()引数: なし
パノラマのズームレベルが変更されたときに発生します。 |
StreetViewPanoramaOptions インターフェース
google.maps.StreetViewPanoramaOptions
インターフェース
StreetViewPanorama オブジェクトのプロパティを定義するオプション。
プロパティ | |
|---|---|
addressControl optional |
タイプ:
boolean optional住所コントロールの有効/無効状態。 |
addressControlOptions optional |
タイプ:
StreetViewAddressControlOptions optional住所コントロールの表示オプション。 |
clickToGo optional |
タイプ:
boolean optionalデフォルト:
trueクリックして移動の有効/無効の状態。カスタム パノラマには適用されません。 |
controlSize optional |
タイプ:
number optionalパノラマに表示されるコントロールのサイズ(ピクセル単位)。この値は、パノラマの作成時に直接指定する必要があります。後でこの値を更新すると、コントロールが未定義の状態になる可能性があります。Maps API 自体が行う制御のみを管理します。デベロッパーが作成したカスタム コントロールはスケーリングされません。 |
disableDefaultUI optional |
タイプ:
boolean optionalすべてのデフォルト UI を有効または無効にします。個別にオーバーライドできます。 |
disableDoubleClickZoom optional |
タイプ:
boolean optionalデフォルト:
trueダブルクリックによるズームを有効/無効にします。 |
enableCloseButton optional |
タイプ:
boolean optionalデフォルト:
falsetrue の場合、閉じるボタンが表示されます。 |
fullscreenControl optional |
タイプ:
boolean optional全画面コントロールの有効/無効の状態。 |
fullscreenControlOptions optional |
タイプ:
FullscreenControlOptions optional全画面コントロールの表示オプション。 |
imageDateControl optional |
タイプ:
boolean optional画像取得日コントロールの有効/無効の状態。デフォルトでは無効にされています。 |
linksControl optional |
タイプ:
boolean optionalリンク コントロールの有効/無効状態。 |
motionTracking optional |
タイプ:
boolean optionalモーション トラッキングがオンかオフか。モーション トラッキング コントロールが存在し、ユーザーが権限を付与しているか、権限が不要な場合、デフォルトで有効になり、POV(視点)がデバイスの向きに追従します。これは主にモバイル デバイスに適用されます。 motionTrackingControl が有効な状態で motionTracking が false に設定されている場合、モーション トラッキング コントロールは表示されますが、トラッキングはオフになっています。ユーザーはモーション トラッキング コントロールをタップして、このオプションを切り替えることができます。権限が必要だがまだリクエストされていない状態で motionTracking が true に設定されている場合、モーション トラッキングのコントロールは表示されますが、トラッキングはオフになっています。ユーザーはモーション トラッキングのコントロールをタップして権限をリクエストできます。ユーザーが権限を拒否した状態で motionTracking が true に設定されている場合、モーション トラッキングのコントロールは無効で、トラッキングはオフの状態で表示されます。 |
motionTrackingControl optional |
タイプ:
boolean optionalモーション トラッキング コントロールの有効/無効の状態。デバイスにモーション データがある場合はデフォルトで有効になり、地図にコントロールが表示されます。これは主にモバイル デバイスに適用されます。 |
motionTrackingControlOptions optional |
タイプ:
MotionTrackingControlOptions optionalモーション トラッキングのコントロールの表示オプション。 |
panControl optional |
タイプ:
boolean optional移動コントロールの有効/無効状態。 |
panControlOptions optional |
タイプ:
PanControlOptions optional移動コントロールの表示オプション。 |
pano optional |
タイプ:
string optionalカスタム パノラマを指定するときに設定する、パノラマ ID。 |
position optional |
タイプ:
LatLng|LatLngLiteral optionalストリートビュー パノラマの LatLng の位置。 |
pov optional |
タイプ:
StreetViewPov optionalパノラマのカメラの向き(見出しとピッチで指定)。 |
scrollwheel optional |
タイプ:
boolean optionalデフォルト:
truefalse の場合、ストリートビューでのスクロール ホイールによるズームを無効にします。 |
showRoadLabels optional |
タイプ:
boolean optionalデフォルト:
trueパノラマに道路名を表示します。この値が指定されていない場合、または true に設定されている場合、パノラマに道路名が表示されます。false に設定すると、道路名は表示されません。 |
visible optional |
タイプ:
boolean optionaltrue の場合、ストリートビュー パノラマは読み込み時に表示されます。 |
zoom optional |
タイプ:
number optionalパノラマのズーム。数値で指定します。ズームを 0 にすると、画角は 180 度になります。 |
zoomControl optional |
タイプ:
boolean optionalズーム コントロールの有効/無効状態。 |
zoomControlOptions optional |
タイプ:
ZoomControlOptions optionalズーム コントロールの表示オプション。 |
StreetViewAddressControlOptions インターフェース
google.maps.StreetViewAddressControlOptions
インターフェース
ストリートビュー住所コントロールのレンダリング オプション。
プロパティ | |
|---|---|
position optional |
タイプ:
ControlPosition optional位置 ID。この ID は、地図上のコントロールの位置を指定するために使用されます。デフォルト位置は TOP_LEFT です。 |
PanoProviderOptions インターフェース
google.maps.PanoProviderOptions
インターフェース
カスタム パノラマ プロバイダのオプション。
プロパティ | |
|---|---|
cors optional |
タイプ:
boolean optional設定されている場合、レンダラは、提供された画像に CORS ヘッダーが適切に設定されている場合にのみ動作する技術(WebGL など)を使用します。このフラグを正しく組み合わせて画像を配信するのはデベロッパーの仕事です。そうしないと、SecurityError が発生する可能性があります。 |
StreetViewTileData インターフェース
google.maps.StreetViewTileData
インターフェース
ストリートビュー パノラマで使用される、タイル セットのプロパティ。
プロパティ | |
|---|---|
centerHeading |
タイプ:
numberパノラマ タイルの中心の角度。 |
tileSize |
タイプ:
Sizeタイルがレンダリングされるサイズ(ピクセル単位)。 |
worldSize |
タイプ:
Sizeパノラマ全体の「世界」のサイズ(ピクセル単位)。 |
メソッド | |
|---|---|
getTileUrl |
getTileUrl(pano, tileZoom, tileX, tileY)パラメータ:
戻り値:
string指定されたタイルのタイル画像 URL を取得します。 : カスタムタイルを提供するために実装する必要があるカスタム メソッドです。API はこのメソッドを呼び出し、次のパラメータを渡します。 pano はストリートビュー タイルのパノラマ ID です。tileZoom はタイルのズームレベルです。tileX はタイルの x 座標です。tileY はタイルの y 座標です。カスタム メソッドはタイル画像の URL を返す必要があります。 |
StreetViewPov インターフェース
google.maps.StreetViewPov
インターフェース
ストリートビュー パノラマの位置でのカメラの向きを指定する視点オブジェクト。視点は、見出しとピッチとして定義されます。
プロパティ | |
|---|---|
heading |
タイプ:
numbertrue 北を基準としたカメラの向き(度単位)。真北は 0 度、東は 90 度、南は 180 度、西は 270 度です。 |
pitch |
タイプ:
numberストリートビュー車両に対するカメラのピッチ(度数)。90 度(真上)から -90 度(真下)の範囲です。 |
StreetViewCoverageLayer クラス
google.maps.StreetViewCoverageLayer クラス
ストリートビューを利用できる場所を示すレイヤ。
このクラスは MVCObject を拡張します。
const {StreetViewCoverageLayer} = await google.maps.importLibrary("streetView") を呼び出してアクセスします。
Maps JavaScript API のライブラリをご覧ください。
コンストラクタ | |
|---|---|
StreetViewCoverageLayer |
StreetViewCoverageLayer()パラメータ: なし
StreetViewCoverageLayer の新しいインスタンスを作成します。 |
メソッド | |
|---|---|
getMap |
getMap()パラメータ: なし
戻り値:
Map|nullこのレイヤが表示される地図を返します。 |
setMap |
setMap(map)パラメータ:
戻り値:
undefined指定された地図にレイヤをレンダリングします。マップが null に設定されている場合、レイヤは削除されます。 |
継承:
addListener、
bindTo、
get、
notify、
set、
setValues、
unbind、
unbindAll
| |