Rendering

คลาสStreetViewPanorama

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

แสดงภาพพาโนรามาสำหรับ LatLng หรือรหัสพาโนรามาที่ระบุ วัตถุ StreetViewPanorama จะมี "Viewer" สำหรับ 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()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเกิดขึ้นเมื่อระดับการมองเห็นของภาพพาโนรามาเปลี่ยนไป การเปิดเผยจะเปลี่ยนแปลงเมื่อมีการลากเพ็กแมนไปบนแผนที่ เมื่อมีการคลิกปุ่มปิด หรือมีการเรียก 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

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

cors optional
ประเภท:  boolean optional
หากตั้งค่า โหมดแสดงภาพจะใช้เทคโนโลยี (เช่น Webgl) ซึ่งใช้งานได้เฉพาะเมื่อมีการตั้งค่าส่วนหัวของ Cors อย่างเหมาะสมในรูปภาพที่ให้ไว้ นักพัฒนาแอปมีหน้าที่แสดงรูปภาพอย่างถูกต้องร่วมกับแฟล็กนี้ ซึ่งอาจนำไปสู่ 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

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

มุมมองวัตถุที่ระบุการวางแนวของกล้องที่ตำแหน่งพาโนรามาของ Street View มุมมองในที่นี้หมายถึงส่วนหัวและระดับเสียง

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

คลาส StreetViewCoverageLayer

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