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>>
パノラマに関連付ける追加のコントロール。パノラマにコントロールを追加するには、コントロールの <div> を、レンダリングされる ControlPosition に対応する MVCArray に追加します。
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 度になります。ズームインするとズームレベルが上がります。
継承: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
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 インターフェース

Custom Pano Provider のオプション。

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
戻り値:  undefined
指定された地図にレイヤをレンダリングします。地図が null に設定されている場合、レイヤは削除されます。
継承: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll