Rendering

StreetViewPanorama class

google.maps.StreetViewPanorama ชั้นเรียน

แสดงภาพพาโนรามาสำหรับ LatLng หรือรหัสพาโนรามาที่ระบุ StreetViewPanorama ออบเจ็กต์มี "โปรแกรมดู" ของ Street View ซึ่งอาจเป็นแบบสแตนด์อโลนภายใน <div> แยกต่างหากหรือเชื่อมโยงกับ Map

ชั้นเรียนนี้ขยายเวลา MVCObject

เข้าถึงได้โดยโทรไปที่ const {StreetViewPanorama} = await google.maps.importLibrary("streetView")
ดูไลบรารีใน Maps JavaScript API

StreetViewPanorama
StreetViewPanorama(container[, opts])
พารามิเตอร์: 
สร้างภาพพาโนรามาด้วย StreetViewPanoramaOptions ที่ส่งมา
controls
ประเภท:  Array<MVCArray<HTMLElement>>
การควบคุมเพิ่มเติมที่จะแนบไปกับภาพพาโนรามา หากต้องการเพิ่มตัวควบคุมลงในภาพพาโนรามา ให้เพิ่ม <div> ของตัวควบคุมลงใน MVCArray ที่สอดคล้องกับ ControlPosition ที่ควรแสดง
focus
focus()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าโฟกัสใน StreetViewPanorama นี้ คุณอาจต้องพิจารณาใช้วิธีนี้ร่วมกับเหตุการณ์ visible_changed เพื่อให้แน่ใจว่า StreetViewPanorama จะแสดงก่อนที่จะตั้งค่าโฟกัส StreetViewPanorama ที่มองไม่เห็นจะโฟกัสไม่ได้
getLocation
getLocation()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  StreetViewLocation
แสดงผล StreetViewLocation ของภาพพาโนรามาปัจจุบัน
getMotionTracking
getMotionTracking()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  boolean
แสดงสถานะของเครื่องมือติดตามการเคลื่อนไหว หาก true เมื่อผู้ใช้เคลื่อนที่อุปกรณ์จริงและเบราว์เซอร์รองรับ พาโนรามา Street View จะติดตามการเคลื่อนที่จริง
getPano
getPano()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  string
แสดงรหัสพาโนรามาปัจจุบันสำหรับพาโนรามาใน Street View รหัสนี้จะคงที่ภายในเซสชันปัจจุบันของเบราว์เซอร์เท่านั้น
getPhotographerPov
getPhotographerPov()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  StreetViewPov
แสดงส่วนหัวและระดับของช่างภาพเมื่อถ่ายภาพพาโนรามานี้ สำหรับภาพพาโนรามา Street View บนถนน ข้อมูลนี้ยังแสดงทิศทางที่รถวิ่งด้วย ข้อมูลนี้จะพร้อมใช้งานหลังจากกิจกรรม pano_changed
getPosition
getPosition()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  LatLng|null
แสดงตำแหน่ง LatLng ปัจจุบันสำหรับภาพพาโนรามาของ Street View
getPov
getPov()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  StreetViewPov
แสดงมุมมองปัจจุบันของพาโนรามา Street View
getStatus
getStatus()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  StreetViewStatus
แสดงสถานะของพาโนรามาเมื่อคำขอ setPosition() หรือ setPano() เสร็จสมบูรณ์
getVisible
getVisible()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  boolean
แสดงผล true หากมองเห็นภาพพาโนรามา แต่ไม่ได้ระบุว่ามีภาพ Street View ในตำแหน่งที่ระบุหรือไม่
getZoom
getZoom()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  number
แสดงผลระดับการซูมของภาพพาโนรามา การซูมออกจนสุดคือระดับ 0 ซึ่งมีขอบเขตการมองเห็น 180 องศา การซูมเข้าจะเพิ่มระดับการซูม
registerPanoProvider
registerPanoProvider(provider[, opt_options])
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าผู้ให้บริการพาโนรามาที่กำหนดเองซึ่งเรียกใช้เมื่อมีการเปลี่ยนแปลงพาโนรามาเพื่อโหลดพาโนรามาที่กำหนดเอง
setMotionTracking
setMotionTracking(motionTracking)
พารามิเตอร์: 
  • motionTrackingboolean
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าสถานะของเครื่องมือติดตามการเคลื่อนไหว หาก true เมื่อผู้ใช้เคลื่อนที่อุปกรณ์จริงและเบราว์เซอร์รองรับ พาโนรามา Street View จะติดตามการเคลื่อนที่จริง
setOptions
setOptions(options)
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าชุดคู่คีย์-ค่า
setPano
setPano(pano)
พารามิเตอร์: 
  • panostring
ค่าที่ส่งคืน: ไม่มี
ตั้งค่ารหัสพาโนรามาปัจจุบันสำหรับพาโนรามา Street View
setPosition
setPosition(latLng)
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
กำหนดLatLngตำแหน่งปัจจุบันสำหรับภาพพาโนรามา Street View
setPov
setPov(pov)
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
กำหนดมุมมองสำหรับภาพพาโนรามาของ Street View
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 เหตุการณ์ที่ทริกเกอร์
เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกปุ่มปิด
pano_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อรหัสพาโนของพาโนรามาเปลี่ยนแปลง พาโนรามาอาจเปลี่ยนแปลงเมื่อผู้ใช้ไปยังส่วนต่างๆ ของพาโนรามาหรือเมื่อมีการตั้งค่าตำแหน่งด้วยตนเอง โปรดทราบว่าการเปลี่ยนแปลงตำแหน่งบางอย่างอาจไม่ทําให้เกิดpano_changed
position_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อตำแหน่งของภาพพาโนรามาเปลี่ยนแปลง ตำแหน่งจะเปลี่ยนไปเมื่อผู้ใช้เลื่อนดูภาพพาโนรามาหรือเมื่อตั้งค่าตำแหน่งด้วยตนเอง
pov_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อมุมมองของภาพพาโนรามาเปลี่ยนไป มุมมองจะเปลี่ยนไปเมื่อมีการเปลี่ยนระดับเสียง การซูม หรือส่วนหัว
resize
function()
อาร์กิวเมนต์: ไม่มี
นักพัฒนาแอปควรทริกเกอร์เหตุการณ์นี้ในภาพพาโนรามาเมื่อ Div เปลี่ยนขนาด: google.maps.event.trigger(panorama, 'resize')
status_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานหลังจากค้นหาพาโนรามาทุกครั้งตามรหัสหรือสถานที่ตั้งผ่าน setPosition() หรือ setPano()
visible_changed
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทำงานเมื่อระดับการเข้าถึงของพาโนรามาเปลี่ยนแปลง ระบบจะเปลี่ยนระดับการมองเห็นเมื่อลาก Pegman ไปยังแผนที่ คลิกปุ่มปิด หรือเรียกใช้ 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 (มุมมอง) เป็นไปตามการวางแนวของอุปกรณ์ ซึ่งส่วนใหญ่ใช้กับอุปกรณ์เคลื่อนที่ หากตั้งค่า motionTracking เป็น false ขณะที่เปิดใช้ motionTrackingControl การควบคุมการติดตามการเคลื่อนไหวจะปรากฏขึ้น แต่การติดตามจะปิดอยู่ ผู้ใช้สามารถแตะการควบคุมการติดตามการเคลื่อนไหวเพื่อสลับตัวเลือกนี้ได้ หากตั้งค่า motionTracking เป็น true ในขณะที่ต้องมีสิทธิ์แต่ยังไม่ได้ขอ ระบบจะแสดงตัวควบคุมการติดตามการเคลื่อนไหว แต่การติดตามจะปิดอยู่ ผู้ใช้สามารถแตะตัวควบคุมการติดตามการเคลื่อนไหวเพื่อขอสิทธิ์ได้ หากตั้งค่า motionTracking เป็น true ขณะที่ผู้ใช้ปฏิเสธสิทธิ์ ตัวควบคุมการติดตามการเคลื่อนไหวจะปรากฏเป็นปิดใช้และปิดการติดตาม
motionTrackingControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดของตัวควบคุมการติดตามการเคลื่อนไหว เปิดใช้โดยค่าเริ่มต้นเมื่ออุปกรณ์มีข้อมูลการเคลื่อนไหว เพื่อให้ตัวควบคุมปรากฏบนแผนที่ ซึ่งส่วนใหญ่ใช้กับอุปกรณ์เคลื่อนที่
motionTrackingControlOptions optional
ประเภท:  MotionTrackingControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมการติดตามการเคลื่อนไหว
panControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดใช้ของตัวควบคุมการแพน
panControlOptions optional
ประเภท:  PanControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมแพน
pano optional
ประเภท:  string optional
รหัสพาโนรามาซึ่งควรตั้งค่าเมื่อระบุพาโนรามาที่กำหนดเอง
position optional
ประเภท:  LatLng|LatLngLiteral optional
LatLngตำแหน่งของภาพพาโนรามา Street View
pov optional
ประเภท:  StreetViewPov optional
การวางแนวของกล้องที่ระบุเป็นส่วนหัวและระดับเสียงสำหรับภาพพาโนรามา
scrollwheel optional
ประเภท:  boolean optional
ค่าเริ่มต้น: true
หาก false จะปิดใช้การซูมด้วยล้อเลื่อนใน Street View
showRoadLabels optional
ประเภท:  boolean optional
ค่าเริ่มต้น: true
การแสดงชื่อถนนในภาพพาโนรามา หากไม่ได้ระบุค่านี้หรือตั้งค่าเป็น true ชื่อถนนจะแสดงในภาพพาโนรามา หากตั้งค่าเป็น false ระบบจะไม่แสดงชื่อถนน
visible optional
ประเภท:  boolean optional
หากเป็น true พาโนรามาใน Street View จะปรากฏเมื่อโหลด
zoom optional
ประเภท:  number optional
การซูมของพาโนรามาที่ระบุเป็นตัวเลข การซูม 0 จะให้มุมมอง 180 องศา
zoomControl optional
ประเภท:  boolean optional
สถานะเปิด/ปิดของการควบคุมการซูม
zoomControlOptions optional
ประเภท:  ZoomControlOptions optional
ตัวเลือกการแสดงผลสำหรับตัวควบคุมการซูม

StreetViewAddressControlOptions อินเทอร์เฟซ

google.maps.StreetViewAddressControlOptions อินเทอร์เฟซ

ตัวเลือกสำหรับการแสดงผลของตัวควบคุมที่อยู่ Street View

position optional
ประเภท:  ControlPosition optional
รหัสตำแหน่ง รหัสนี้ใช้เพื่อระบุตำแหน่งของตัวควบคุมบนแผนที่ ตำแหน่งเริ่มต้นคือ TOP_LEFT

PanoProviderOptions อินเทอร์เฟซ

google.maps.PanoProviderOptions อินเทอร์เฟซ

ตัวเลือกสำหรับผู้ให้บริการพาโนรามาที่กำหนดเอง

cors optional
ประเภท:  boolean optional
หากตั้งค่าไว้ ตัวแสดงผลจะใช้เทคโนโลยี (เช่น WebGL) ที่จะทำงานได้ก็ต่อเมื่อตั้งค่าส่วนหัว CORS อย่างเหมาะสมในรูปภาพที่ระบุ นักพัฒนาแอปมีหน้าที่แสดงรูปภาพอย่างถูกต้องร่วมกับ Flag นี้ ซึ่งอาจทำให้เกิด SecurityError ได้

StreetViewTileData อินเทอร์เฟซ

google.maps.StreetViewTileData อินเทอร์เฟซ

คุณสมบัติของชุดไทล์ที่ใช้ในภาพพาโนรามาของ Street View

centerHeading
ประเภท:  number
ส่วนหัว (เป็นองศา) ที่กึ่งกลางของไทล์พาโนรามา
tileSize
ประเภท:  Size
ขนาด (เป็นพิกเซล) ที่จะแสดงผลไทล์
worldSize
ประเภท:  Size
ขนาด (เป็นพิกเซล) ของ "โลก" ทั้งหมดของพาโนรามา
getTileUrl
getTileUrl(pano, tileZoom, tileX, tileY)
พารามิเตอร์: 
  • panostring
  • tileZoomnumber
  • tileXnumber
  • tileYnumber
ค่าที่ส่งคืน:  string
รับ URL ของรูปภาพไทล์สำหรับไทล์ที่ระบุ
นี่คือวิธีการที่กำหนดเองซึ่งคุณต้องใช้เพื่อจัดหาไทล์ที่กำหนดเอง API จะเรียกใช้เมธอดนี้โดยระบุพารามิเตอร์ต่อไปนี้
pano คือรหัสภาพพาโนรามาของไทล์ Street View
tileZoom คือระดับการซูมของไทล์
tileX คือพิกัด x ของไทล์
tileY คือพิกัด y ของไทล์
วิธีที่กำหนดเองต้องแสดงผล URL ของรูปภาพไทล์

StreetViewPov อินเทอร์เฟซ

google.maps.StreetViewPov อินเทอร์เฟซ

ออบเจ็กต์มุมมองที่ระบุการวางแนวของกล้องที่ตำแหน่งของภาพพาโนรามา Street View โดยมุมมองจะกำหนดเป็นส่วนหัวและระดับเสียง

heading
ประเภท:  number
ทิศทางของกล้องเป็นองศาเทียบกับทิศเหนือ true ทิศเหนือจริงคือ 0° ทิศตะวันออกคือ 90° ทิศใต้คือ 180° ทิศตะวันตกคือ 270°
pitch
ประเภท:  number
ระดับความเอียงของกล้องเป็นองศา ซึ่งสัมพันธ์กับยานพาหนะของ Street View ค่าอยู่ในช่วงตั้งแต่ 90° (ขึ้นตรงๆ) ถึง -90° (ลงตรงๆ)

StreetViewCoverageLayer class

google.maps.StreetViewCoverageLayer ชั้นเรียน

เลเยอร์ที่แสดงตำแหน่งที่มี Street View ให้บริการ

ชั้นเรียนนี้ขยายเวลา 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