Rendering

StreetViewPanorama class

google.maps.StreetViewPanorama class

แสดงภาพพาโนรามาสำหรับ 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 ของภาพพาโนรามามีการเปลี่ยนแปลง ภาพพาโนรามาอาจเปลี่ยนแปลงเมื่อผู้ใช้ไปยังส่วนต่างๆ ของภาพพาโนรามาหรือตั้งค่าตำแหน่งด้วยตนเอง โปรดทราบว่าการเปลี่ยนแปลงตําแหน่งบางรายการอาจไม่ทริกเกอร์ 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 interface

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

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

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

PanoProviderOptions interface

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

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

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

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 interface

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

ออบเจ็กต์จุดชมวิวซึ่งระบุการวางแนวของกล้อง ณ ตำแหน่งของภาพพาโนรามา Street View โดยจุดเริ่มต้นจะกำหนดเป็นทิศทางและระดับความลาดชัน

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

StreetViewCoverageLayer class

google.maps.StreetViewCoverageLayer class

เลเยอร์แสดงตำแหน่งที่มี 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
ผลลัพธ์: ไม่มี
แสดงผลเลเยอร์ในแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น Null ระบบจะนำเลเยอร์ออก
รับค่ามา: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll