Rendering

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>>
パノラマに添付する追加のコントロール。コントロールをパノラマに追加するには、レンダリングする ControlPosition に対応する MVCArray に、コントロールの <div> を追加します。
focus
focus()
パラメータ: なし
戻り値: なし
この StreetViewPanorama にフォーカスを設定します。フォーカスを設定する前に、このメソッドを visible_changed イベントとともに使用して、StreetViewPanorama が表示されていることを確認することをおすすめします。表示されていない StreetViewPanorama はフォーカスできません。
getLocation
getLocation()
パラメータ: なし
戻り値:  StreetViewLocation
現在のパノラマの StreetViewLocation を返します。
getMotionTracking
getMotionTracking()
パラメータ: なし
戻り値:  boolean
モーション トラッカーの状態を返します。true の場合、ユーザーがデバイスを物理的に動かし、ブラウザがそれをサポートしていれば、ストリートビュー パノラマは物理的な動きを追跡します。
getPano
getPano()
パラメータ: なし
戻り値:  string
ストリートビュー パノラマの現在のパノラマ ID を返します。この ID は、現在のブラウザ セッション内でのみ一定です。
getPhotographerPov
getPhotographerPov()
パラメータ: なし
戻り値:  StreetViewPov
このパノラマが撮影されたときの写真家の方角とピッチを返します。道路のストリートビュー パノラマでは、車がどのような方向に走行していたかもわかります。このデータは pano_changed イベントの後に利用できます。
getPosition
getPosition()
パラメータ: なし
戻り値:  LatLng|null
ストリートビュー パノラマの現在の LatLng 位置を返します。
getPov
getPov()
パラメータ: なし
戻り値:  StreetViewPov
ストリートビュー パノラマの現在の視点を返します。
getStatus
getStatus()
パラメータ: なし
戻り値:  StreetViewStatus
setPosition() リクエストまたは setPano() リクエストの完了時にパノラマのステータスを返します。
getVisible
getVisible()
パラメータ: なし
戻り値:  boolean
パノラマが表示されている場合、true を返します。ストリートビュー画像が指定された位置で使用できるかどうかは指定しません。
getZoom
getZoom()
パラメータ: なし
戻り値:  number
パノラマのズームレベルを返します。完全にズームアウトするとレベル 0 になり、画角は 180 度になります。ズームインするとズームレベルが上がります。
registerPanoProvider
registerPanoProvider(provider[, opt_options])
パラメータ: 
戻り値: なし
パノラマの変更時に呼び出されたカスタム パノラマ プロバイダを設定し、カスタム パノラマを読み込みます。
setMotionTracking
setMotionTracking(motionTracking)
パラメータ: 
  • motionTrackingboolean
戻り値: なし
モーション トラッカーの状態を設定します。true の場合、ユーザーがデバイスを物理的に動かし、ブラウザがそれをサポートしていれば、ストリートビュー パノラマは物理的な動きを追跡します。
setOptions
setOptions(options)
パラメータ: 
戻り値: なし
Key-Value ペアのコレクションを設定します。
setPano
setPano(pano)
パラメータ: 
  • panostring
戻り値: なし
ストリートビュー パノラマの現在のパノラマ ID を設定します。
setPosition
setPosition(latLng)
パラメータ: 
戻り値: なし
ストリートビュー パノラマの現在の LatLng 位置を設定します。
setPov
setPov(pov)
パラメータ: 
戻り値: なし
ストリートビュー パノラマの現在の視点を設定します。
setVisible
setVisible(flag)
パラメータ: 
  • flagboolean
戻り値: なし
true に設定すると、パノラマが表示されます。false に設定すると、パノラマは、地図に埋め込まれている場合でも、独自の <div> に埋め込まれている場合でも、非表示になります。
setZoom
setZoom(zoom)
パラメータ: 
  • zoomnumber
戻り値: なし
パノラマのズームレベルを設定します。完全にズームアウトするとレベル 0 になり、画角は 180 度になります。ズームインするとズームレベルが上がります。
継承: addListenerbindTogetnotifysetsetValuesunbindunbindAll
closeclick
function(event)
引数: 
  • eventEvent トリガーされたイベント。
このイベントは、閉じるボタン &#91;X&#93; がクリックされると発生します。
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
Click-to-Go の有効/無効の状態。カスタム パノラマには適用されません。
controlSize optional
タイプ:  number optional
パノラマに表示するコントロールのサイズ(ピクセル単位)。この値は、パノラマの作成時に直接指定する必要があります。後でこの値を更新すると、コントロールが未定義の状態になることがあります。Maps API 自体によるコントロールのみを管理します。デベロッパーが作成したカスタム コントロールはスケーリングされません。
disableDefaultUI optional
タイプ:  boolean optional
すべてのデフォルト UI を有効または無効にします。個別にオーバーライドできます。
disableDoubleClickZoom optional
タイプ:  boolean optional
デフォルト: true
ダブルクリックによるズームを有効/無効にします。
enableCloseButton optional
タイプ:  boolean optional
デフォルト: false
true の場合、閉じるボタンが表示されます。
fullscreenControl optional
タイプ:  boolean optional
全画面コントロールの有効/無効状態。
fullscreenControlOptions optional
タイプ:  FullscreenControlOptions optional
全画面コントロールの表示オプション。
imageDateControl optional
タイプ:  boolean optional
画像取得日の管理の有効/無効状態。デフォルトでは無効にされています。
linksControl optional
タイプ:  boolean optional
リンク コントロールの有効/無効状態。
motionTracking optional
タイプ:  boolean optional
モーション トラッキングのオン / オフを切り替えます。モーション トラッキング コントロールが存在し、ユーザーによって権限が付与されている、または必須ではない場合に、デフォルトで有効になります。これにより、POV(視点)がデバイスの向きに沿うようになります。この方法は、主にモバイル デバイスに当てはまります。motionTrackingControl が有効になっているときに motionTrackingfalse に設定されている場合、モーション トラッキング コントロールは表示されますが、トラッキングはオフになります。ユーザーは、モーション トラッキング コントロールをタップしてこのオプションを切り替えることができます。権限が必要にもかかわらずまだリクエストされていないときに motionTrackingtrue に設定されている場合、モーション トラッキング コントロールは表示されますが、トラッキングはオフになります。ユーザーは、モーション トラッキング コントロールをタップして権限をリクエストできます。ユーザーが権限を拒否しているときに motionTrackingtrue に設定されている場合、モーション トラッキング コントロールは無効になり、トラッキングがオフになります。
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
デフォルト: true
false の場合、ストリートビューでのスクロール ホイールによるズームを無効にします。
showRoadLabels optional
タイプ:  boolean optional
デフォルト: true
パノラマ画像上の道路名の表示。この値が指定されていない場合、または true に設定されている場合、通りの名前がパノラマに表示されます。false に設定すると、道路名は表示されません。
visible optional
タイプ:  boolean optional
true の場合、読み込み時にストリートビュー パノラマが表示されます。
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 など)を使用します。このフラグと組み合わせて画像を正しく提供することは、デベロッパーのタスクです。そうしないと、SecurityErrors が発生する可能性があります。

StreetViewTileData インターフェース

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

ストリートビュー パノラマで使用される、タイル セットのプロパティ。

centerHeading
タイプ:  number
パノラマ タイルの中心の角度。
tileSize
タイプ:  Size
タイルがレンダリングされるサイズ(ピクセル単位)。
worldSize
タイプ:  Size
パノラマ全体の「世界」のサイズ(ピクセル単位)。
getTileUrl
getTileUrl(pano, tileZoom, tileX, tileY)
パラメータ: 
  • panostring
  • tileZoomnumber
  • tileXnumber
  • tileYnumber
戻り値:  string
指定されたタイルのタイル画像 URL を取得します。
: カスタムタイルを提供するために実装する必要があるカスタム メソッドです。API は、次のパラメータを指定してこのメソッドを呼び出します。
pano は、ストリートビュー タイルのパノラマ ID です。
tileZoom はタイルのズームレベルです。
tileX はタイルの x 座標です。
tileY はタイルの y 座標です。
カスタム メソッドでタイル画像の URL を返す必要があります。

StreetViewPov インターフェース

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

ストリートビュー パノラマの位置におけるカメラの向きを指定する視点オブジェクト。視点とは、方向とピッチのことです。

heading
タイプ:  number
true の北を基準としたカメラの向き。真北は 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)
パラメータ: 
  • mapMap optional
戻り値: なし
指定された地図にレイヤをレンダリングします。地図が null に設定されている場合、レイヤは削除されます。
継承: addListenerbindTogetnotifysetsetValuesunbindunbindAll