Rendering

Lớp StreetViewPanorama

Lớp google.maps.StreetViewPanorama

Hiển thị ảnh toàn cảnh cho một LatLng hoặc mã nhận dạng ảnh toàn cảnh nhất định. Đối tượng StreetViewPanorama cung cấp một "trình xem" Chế độ xem đường phố có thể độc lập trong một <div> riêng biệt hoặc được liên kết với một Map.

Lớp này mở rộng MVCObject.

Truy cập bằng cách gọi const {StreetViewPanorama} = await google.maps.importLibrary("streetView").
Xem Thư viện trong Maps JavaScript API.
StreetViewPanorama
StreetViewPanorama(container[, opts])
Tham số: 
Tạo một ảnh toàn cảnh bằng StreetViewPanoramaOptions đã truyền.
controls
Các chế độ kiểm soát bổ sung để đính kèm vào ảnh toàn cảnh. Để thêm một chế độ điều khiển vào ảnh toàn cảnh, hãy thêm <div> của chế độ điều khiển vào MVCArray tương ứng với ControlPosition mà chế độ điều khiển đó sẽ được hiển thị.
focus
focus()
Tham số:  Không có
Giá trị trả về:  Không có
Đặt tiêu điểm vào StreetViewPanorama này. Bạn nên cân nhắc sử dụng phương thức này cùng với sự kiện visible_changed để đảm bảo rằng StreetViewPanorama hiển thị trước khi đặt tiêu điểm lên đó. Bạn không thể lấy tiêu điểm cho StreetViewPanorama không hiển thị.
getLocation
getLocation()
Tham số:  Không có
Giá trị trả về:  StreetViewLocation
Trả về StreetViewLocation của ảnh toàn cảnh hiện tại.
getMotionTracking
getMotionTracking()
Tham số:  Không có
Giá trị trả về:  boolean
Trả về trạng thái của thiết bị theo dõi chuyển động. Nếu true khi người dùng di chuyển thiết bị và trình duyệt hỗ trợ tính năng này, thì Chế độ xem đường phố dạng toàn cảnh sẽ theo dõi các chuyển động thực tế.
getPano
getPano()
Tham số:  Không có
Giá trị trả về:  string
Trả về mã nhận dạng ảnh toàn cảnh hiện tại cho ảnh toàn cảnh trong Chế độ xem đường phố. Mã nhận dạng này chỉ ổn định trong phiên hiện tại của trình duyệt.
getPhotographerPov
getPhotographerPov()
Tham số:  Không có
Giá trị trả về:  StreetViewPov
Trả về hướng và góc nghiêng của người chụp ảnh khi chụp bức ảnh toàn cảnh này. Đối với ảnh toàn cảnh trong Chế độ xem đường phố trên đường, thông tin này cũng cho biết hướng di chuyển của ô tô. Dữ liệu này có sẵn sau sự kiện pano_changed.
getPosition
getPosition()
Tham số:  Không có
Giá trị trả về:  LatLng|null
Trả về vị trí LatLng hiện tại cho ảnh toàn cảnh trong Chế độ xem đường phố.
getPov
getPov()
Tham số:  Không có
Giá trị trả về:  StreetViewPov
Trả về góc nhìn hiện tại cho ảnh toàn cảnh trong Chế độ xem đường phố.
getStatus
getStatus()
Tham số:  Không có
Giá trị trả về:  StreetViewStatus
Trả về trạng thái của ảnh toàn cảnh khi hoàn tất yêu cầu setPosition() hoặc setPano().
getVisible
getVisible()
Tham số:  Không có
Giá trị trả về:  boolean
Trả về true nếu ảnh toàn cảnh hiển thị. Tham số này không chỉ định liệu có hình ảnh Chế độ xem đường phố tại vị trí đã chỉ định hay không.
getZoom
getZoom()
Tham số:  Không có
Giá trị trả về:  number
Trả về mức thu phóng của ảnh toàn cảnh. Mức thu nhỏ hoàn toàn là mức 0, trong đó trường nhìn là 180 độ. Phóng to sẽ làm tăng mức thu phóng.
registerPanoProvider
registerPanoProvider(provider[, opt_options])
Tham số: 
Giá trị trả về:  Không có
Đặt trình cung cấp ảnh toàn cảnh tuỳ chỉnh được gọi khi thay đổi ảnh toàn cảnh để tải ảnh toàn cảnh tuỳ chỉnh.
setMotionTracking
setMotionTracking(motionTracking)
Tham số: 
  • motionTracking:  boolean
Giá trị trả về:  Không có
Đặt trạng thái của thiết bị theo dõi chuyển động. Nếu true khi người dùng di chuyển thiết bị và trình duyệt hỗ trợ tính năng này, thì Chế độ xem đường phố dạng toàn cảnh sẽ theo dõi các chuyển động thực tế.
setOptions
setOptions(options)
Tham số: 
Giá trị trả về:  Không có
Đặt một tập hợp các cặp khoá-giá trị.
setPano
setPano(pano)
Tham số: 
  • pano:  string
Giá trị trả về:  Không có
Đặt mã nhận dạng ảnh toàn cảnh hiện tại cho ảnh toàn cảnh trong Chế độ xem đường phố.
setPosition
setPosition(latLng)
Tham số: 
Giá trị trả về:  Không có
Đặt vị trí LatLng hiện tại cho ảnh toàn cảnh Chế độ xem đường phố.
setPov
setPov(pov)
Tham số: 
Giá trị trả về:  Không có
Đặt điểm nhìn cho ảnh toàn cảnh trong Chế độ xem đường phố.
setVisible
setVisible(flag)
Tham số: 
  • flag:  boolean
Giá trị trả về:  Không có
Đặt thành true để hiển thị ảnh toàn cảnh. Nếu bạn đặt thành false, ảnh toàn cảnh sẽ bị ẩn dù được nhúng trong bản đồ hay trong <div> riêng.
setZoom
setZoom(zoom)
Tham số: 
  • zoom:  number
Giá trị trả về:  Không có
Đặt mức thu phóng của ảnh toàn cảnh. Mức thu nhỏ hoàn toàn là mức 0, trong đó trường nhìn là 180 độ. Phóng to sẽ làm tăng mức thu phóng.
Kế thừa: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
closeclick
function(event)
Đối số: 
  • event:  Event Sự kiện được kích hoạt.
Sự kiện này được kích hoạt khi người dùng nhấp vào nút đóng.
pano_changed
function()
Đối số:  Không có
Sự kiện này được kích hoạt khi mã nhận dạng toàn cảnh của khung hình toàn cảnh thay đổi. Ảnh toàn cảnh có thể thay đổi khi người dùng di chuyển qua ảnh toàn cảnh hoặc vị trí được đặt theo cách thủ công. Xin lưu ý rằng không phải mọi thay đổi về vị trí đều kích hoạt pano_changed.
position_changed
function()
Đối số:  Không có
Sự kiện này được kích hoạt khi vị trí của ảnh toàn cảnh thay đổi. Vị trí thay đổi khi người dùng di chuyển qua ảnh toàn cảnh hoặc vị trí được đặt theo cách thủ công.
pov_changed
function()
Đối số:  Không có
Sự kiện này sẽ kích hoạt khi góc nhìn của ảnh toàn cảnh thay đổi. Điểm nhìn thay đổi khi độ dốc, mức thu phóng hoặc hướng thay đổi.
resize
function()
Đối số:  Không có
Nhà phát triển nên kích hoạt sự kiện này trên ảnh toàn cảnh khi div của ảnh thay đổi kích thước: google.maps.event.trigger(panorama, 'resize').
status_changed
function()
Đối số:  Không có
Sự kiện này được kích hoạt sau mỗi lần tra cứu toàn cảnh theo mã nhận dạng hoặc vị trí, thông qua setPosition() hoặc setPano().
visible_changed
function()
Đối số:  Không có
Sự kiện này được kích hoạt khi chế độ hiển thị của ảnh toàn cảnh thay đổi. Chế độ hiển thị sẽ thay đổi khi Pegman được kéo vào bản đồ, khi người dùng nhấp vào nút đóng hoặc khi setVisible() được gọi.
zoom_changed
function()
Đối số:  Không có
Sự kiện này được kích hoạt khi mức thu phóng của ảnh toàn cảnh thay đổi.

Giao diện StreetViewPanoramaOptions

google.maps.StreetViewPanoramaOptionsgiao diện

Các lựa chọn xác định thuộc tính của đối tượng StreetViewPanorama.
addressControl optional
Loại:  boolean optional
Trạng thái bật/tắt của chế độ kiểm soát địa chỉ.
addressControlOptions optional
Các lựa chọn hiển thị cho chế độ kiểm soát địa chỉ.
clickToGo optional
Loại:  boolean optional
Mặc định: true
Trạng thái bật/tắt của tính năng nhấp để đi. Không áp dụng cho ảnh toàn cảnh tuỳ chỉnh.
controlSize optional
Loại:  number optional
Kích thước (tính bằng pixel) của các chế độ điều khiển xuất hiện trên ảnh toàn cảnh. Bạn phải cung cấp trực tiếp giá trị này khi tạo Cảnh toàn cảnh. Việc cập nhật giá trị này sau đó có thể khiến các chế độ điều khiển chuyển sang trạng thái không xác định. Chỉ điều chỉnh các chế độ kiểm soát do chính Maps API tạo ra. Không điều chỉnh tỷ lệ các chế độ kiểm soát tuỳ chỉnh do nhà phát triển tạo.
disableDefaultUI optional
Loại:  boolean optional
Bật/tắt tất cả giao diện người dùng mặc định. Có thể bị ghi đè riêng lẻ.
disableDoubleClickZoom optional
Loại:  boolean optional
Mặc định: true
Bật/tắt tính năng thu phóng khi nhấp đúp.
enableCloseButton optional
Loại:  boolean optional
Mặc định: false
Nếu true, nút đóng sẽ xuất hiện.
fullscreenControl optional
Loại:  boolean optional
Trạng thái bật/tắt của chế độ điều khiển toàn màn hình.
fullscreenControlOptions optional
Loại:  FullscreenControlOptions optional
Các lựa chọn hiển thị cho chế độ điều khiển toàn màn hình.
imageDateControl optional
Loại:  boolean optional
Trạng thái bật/tắt của chế độ kiểm soát ngày thu thập hình ảnh. Tắt theo mặc định.
linksControl optional
Loại:  boolean optional
Trạng thái bật/tắt của chế độ kiểm soát đường liên kết.
motionTracking optional
Loại:  boolean optional
Tính năng theo dõi chuyển động đang bật hay tắt. Theo mặc định, tính năng này sẽ bật khi có chế độ kiểm soát theo dõi chuyển động và người dùng đã cấp quyền hoặc không cần cấp quyền, để POV (góc nhìn) tuân theo hướng của thiết bị. Điều này chủ yếu áp dụng cho thiết bị di động. Nếu motionTracking được đặt thành false trong khi motionTrackingControl được bật, thì chế độ điều khiển theo dõi chuyển động sẽ xuất hiện nhưng tính năng theo dõi sẽ tắt. Người dùng có thể nhấn vào chế độ điều khiển theo dõi chuyển động để bật/tắt lựa chọn này. Nếu bạn đặt motionTracking thành true trong khi cần có quyền nhưng chưa được yêu cầu, thì chế độ kiểm soát tính năng theo dõi chuyển động sẽ xuất hiện nhưng tính năng theo dõi sẽ ở trạng thái tắt. Người dùng có thể nhấn vào chế độ kiểm soát tính năng theo dõi chuyển động để yêu cầu cấp quyền. Nếu motionTracking được đặt thành true trong khi người dùng từ chối cấp quyền, thì chế độ điều khiển theo dõi chuyển động sẽ xuất hiện ở trạng thái tắt và tính năng theo dõi cũng tắt.
motionTrackingControl optional
Loại:  boolean optional
Trạng thái bật/tắt của chế độ điều khiển theo dõi chuyển động. Được bật theo mặc định khi thiết bị có dữ liệu chuyển động, để chế độ điều khiển xuất hiện trên bản đồ. Điều này chủ yếu áp dụng cho thiết bị di động.
motionTrackingControlOptions optional
Loại:  MotionTrackingControlOptions optional
Các lựa chọn hiển thị cho chế độ điều khiển theo dõi chuyển động.
panControl optional
Loại:  boolean optional
Trạng thái bật/tắt của chế độ điều khiển xoay.
panControlOptions optional
Loại:  PanControlOptions optional
Các lựa chọn hiển thị cho chế độ điều khiển xoay.
pano optional
Loại:  string optional
Mã nhận dạng ảnh toàn cảnh. Bạn nên đặt mã này khi chỉ định ảnh toàn cảnh tuỳ chỉnh.
position optional
Loại:  LatLng|LatLngLiteral optional
Vị trí LatLng của ảnh toàn cảnh trong Chế độ xem đường phố.
pov optional
Loại:  StreetViewPov optional
Hướng camera, được chỉ định là hướng và góc nghiêng, cho ảnh toàn cảnh.
scrollwheel optional
Loại:  boolean optional
Mặc định: true
Nếu false, hãy tắt tính năng phóng to bằng bánh xe cuộn trong Chế độ xem đường phố.
showRoadLabels optional
Loại:  boolean optional
Mặc định: true
Tên đường xuất hiện trên ảnh toàn cảnh. Nếu bạn không chỉ định giá trị này hoặc đặt thành true, thì tên đường sẽ xuất hiện trên ảnh toàn cảnh. Nếu bạn đặt thành false, tên đường sẽ không xuất hiện.
visible optional
Loại:  boolean optional
Nếu true, ảnh toàn cảnh trong Chế độ xem đường phố sẽ xuất hiện khi tải.
zoom optional
Loại:  number optional
Mức thu phóng của ảnh toàn cảnh, được chỉ định dưới dạng một số. Mức thu phóng 0 cho Trường nhìn 180 độ.
zoomControl optional
Loại:  boolean optional
Trạng thái bật/tắt của chế độ thu phóng.
zoomControlOptions optional
Loại:  ZoomControlOptions optional
Các lựa chọn hiển thị cho chế độ thu phóng.

Giao diện StreetViewAddressControlOptions

google.maps.StreetViewAddressControlOptionsgiao diện

Các lựa chọn để kết xuất chế độ kiểm soát địa chỉ trong Chế độ xem đường phố.
position optional
Loại:  ControlPosition optional
Mã vị trí. Mã nhận dạng này dùng để chỉ định vị trí của chế độ kiểm soát trên bản đồ. Vị trí mặc định là TOP_LEFT.

Giao diện PanoProviderOptions

google.maps.PanoProviderOptionsgiao diện

Các lựa chọn cho Nhà cung cấp ảnh toàn cảnh tuỳ chỉnh.
cors optional
Loại:  boolean optional
Nếu được đặt, trình kết xuất sẽ sử dụng các công nghệ (chẳng hạn như webgl) chỉ hoạt động khi tiêu đề cors được đặt đúng cách trên hình ảnh được cung cấp. Nhà phát triển có nhiệm vụ phân phát hình ảnh một cách chính xác kết hợp với cờ này, nếu không có thể dẫn đến SecurityErrors.

Giao diện StreetViewTileData

google.maps.StreetViewTileDatagiao diện

Các thuộc tính của bộ ô được dùng trong ảnh toàn cảnh Chế độ xem đường phố.
centerHeading
Loại:  number
Hướng (tính bằng độ) ở tâm của các ô toàn cảnh.
tileSize
Loại:  Size
Kích thước (tính bằng pixel) mà các ô sẽ được kết xuất.
worldSize
Loại:  Size
Kích thước (tính bằng pixel) của "thế giới" toàn cảnh.
getTileUrl
getTileUrl(pano, tileZoom, tileX, tileY)
Tham số: 
  • pano:  string
  • tileZoom:  number
  • tileX:  number
  • tileY:  number
Giá trị trả về:  string
Lấy URL hình ảnh của ô cho ô đã chỉ định.
Đây là một phương thức tuỳ chỉnh mà bạn phải triển khai để cung cấp các ô tuỳ chỉnh. API này gọi phương thức này, cung cấp các tham số sau:
pano là mã nhận dạng toàn cảnh của ô Chế độ xem đường phố.
tileZoom là mức thu phóng của ô.
tileX là toạ độ x của ô.
tileY là toạ độ y của ô.
Phương thức tuỳ chỉnh của bạn phải trả về URL cho hình ảnh ô.

Giao diện StreetViewPov

google.maps.StreetViewPovgiao diện

Một đối tượng điểm nhìn chỉ định hướng của camera tại vị trí của ảnh toàn cảnh Chế độ xem đường phố. Góc nhìn được xác định là hướng và độ dốc.
heading
Loại:  number
Hướng của camera tính bằng độ so với hướng bắc true. Hướng bắc thực là 0°, hướng đông là 90°, hướng nam là 180°, hướng tây là 270°.
pitch
Loại:  number
Góc nghiêng của camera tính bằng độ, so với xe Chế độ xem đường phố. Trong khoảng từ 90° (lên trên) đến -90° (xuống dưới).

Lớp StreetViewCoverageLayer

Lớp google.maps.StreetViewCoverageLayer

Một lớp minh hoạ những địa điểm có hỗ trợ Chế độ xem đường phố.

Lớp này mở rộng MVCObject.

Truy cập bằng cách gọi const {StreetViewCoverageLayer} = await google.maps.importLibrary("streetView").
Xem Thư viện trong Maps JavaScript API.
StreetViewCoverageLayer
StreetViewCoverageLayer()
Tham số:  Không có
Tạo một phiên bản mới của StreetViewCoverageLayer.
getMap
getMap()
Tham số:  Không có
Giá trị trả về:  Map|null
Trả về bản đồ mà lớp này được hiển thị.
setMap
setMap(map)
Tham số: 
  • map:  Map optional
Giá trị trả về:  undefined
Kết xuất lớp trên bản đồ đã chỉ định. Nếu bản đồ được đặt thành giá trị rỗng, lớp sẽ bị xoá.
Kế thừa: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll