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()
パラメータ: なし
戻り値: None
この 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])
パラメータ: 
戻り値: None
パノラマの変更時に呼び出されたカスタム パノラマ プロバイダを設定し、カスタム パノラマを読み込みます。
setMotionTracking
setMotionTracking(motionTracking)
パラメータ: 
  • motionTrackingboolean
戻り値: None
モーション トラッカーの状態を設定します。true: ユーザーが実際にデバイスを動かしてブラウザでサポートされている場合は、ストリートビュー パノラマが物理的な移動を追跡します。
setOptions
setOptions(options)
パラメータ: 
戻り値: None
Key-Value ペアのコレクションを設定します。
setPano
setPano(pano)
パラメータ: 
  • panostring
戻り値: None
ストリートビュー パノラマの現在のパノラマ ID を設定します。
setPosition
setPosition(latLng)
パラメータ: 
戻り値: None
ストリートビュー パノラマの現在の LatLng 位置を設定します。
setPov
setPov(pov)
パラメータ: 
戻り値: None
ストリートビュー パノラマの現在の視点を設定します。
setVisible
setVisible(flag)
パラメータ: 
  • flagboolean
戻り値: None
パノラマを表示するには、true に設定します。falseに設定すると、パノラマは地図に埋め込まれているか、<div>に埋め込まれているかどうかにかかわらず、非表示になります。
setZoom
setZoom(zoom)
パラメータ: 
  • zoomnumber
戻り値: None
パノラマのズームレベルを設定します。最大ズームアウトはレベル 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 インターフェース

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
戻り値: None
指定された地図上にレイヤをレンダリングします。地図が null に設定されている場合、レイヤは削除されます。
継承済み: addListenerbindTogetnotifysetsetValuesunbindunbindAll