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 が確実に表示されます。表示されていない 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)
パラメータ: 
  • motionTracking:  boolean
戻り値: なし
モーション トラッカーの状態を設定します。true の場合、ユーザーがデバイスを物理的に動かし、ブラウザがそれをサポートしている場合、ストリートビュー パノラマは物理的な動きを追跡します。
setOptions
setOptions(options)
パラメータ: 
戻り値: なし
Key-Value ペアのコレクションを設定します。
setPano
setPano(pano)
パラメータ: 
  • pano:  string
戻り値: なし
ストリートビュー パノラマの現在のパノラマ ID を設定します。
setPosition
setPosition(latLng)
パラメータ: 
戻り値: なし
ストリートビュー パノラマの現在の LatLng 位置を設定します。
setPov
setPov(pov)
パラメータ: 
戻り値: なし
ストリートビュー パノラマの現在の視点を設定します。
setVisible
setVisible(flag)
パラメータ: 
  • flag:  boolean
戻り値: なし
パノラマを表示するには、true に設定します。false に設定すると、パノラマは地図に埋め込まれている場合でも、独自の <div> に埋め込まれている場合でも非表示になります。
setZoom
setZoom(zoom)
パラメータ: 
  • zoom:  number
戻り値: なし
パノラマのズームレベルを設定します。最大ズームアウトはレベル 0 で、視野角は 180 度です。ズームインするとズームレベルが上がります。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll
closeclick
function(event)
引数: 
  • event:  Event トリガーされたイベント。
このイベントは、閉じるボタン &#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
クリックして移動の有効/無効の状態。カスタム パノラマには適用されません。
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 が有効になっているときに 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
デフォルト: 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 など）を使用します。このフラグと組み合わせて画像を正しく配信するのはデベロッパーの責任です。正しく配信しないと、SecurityError が発生する可能性があります。

StreetViewTileData インターフェース

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

ストリートビュー パノラマで使用される、タイル セットのプロパティ。
centerHeading
タイプ:  number
パノラマ タイルの中心の角度。
tileSize
タイプ:  Size
タイルがレンダリングされるサイズ（ピクセル単位）。
worldSize
タイプ:  Size
パノラマ全体の「世界」のサイズ（ピクセル単位）。
getTileUrl
getTileUrl(pano, tileZoom, tileX, tileY)
パラメータ: 
  • pano:  string
  • tileZoom:  number
  • tileX:  number
  • tileY:  number
戻り値:  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)
パラメータ: 
  • map:  Map optional
戻り値: なし
指定された地図にレイヤをレンダリングします。マップが null に設定されている場合、レイヤは削除されます。
継承: addListener、 bindTo、 get、 notify、 set、 setValues、 unbind、 unbindAll