Rendering

จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ

ชั้นเรียน StreetViewพาโนรามา

google.maps.StreetViewPanorama คลาส

แสดงพาโนรามาสําหรับ LatLng หรือรหัสพาโนรามาที่ต้องการ ออบเจ็กต์ StreetViewPanorama มี "ผู้มีสิทธิ์ดู" ของ Street View ที่สามารถสแตนด์อโลนภายใน <div> แยกต่างหากหรือเชื่อมโยงกับ Map

คลาสนี้จะขยาย MVCObject

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {StreetViewPanorama} = await google.map.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
แสดงผลตําแหน่งปัจจุบัน 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)
พารามิเตอร์:
  • pano: string
ค่าการแสดงผล: ไม่มี
ตั้งค่ารหัสพาโนรามาปัจจุบันสําหรับพาโนรามาของ 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()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะเริ่มทํางานเมื่อระดับการซูมของพาโนรามามีการเปลี่ยนแปลง

อินเทอร์เฟซ StreetViewพาโนรามาOptions

อินเทอร์เฟซ 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
เปิดใช้/ปิดใช้การซูมใน DoubleClick
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)
พารามิเตอร์:
  • pano: string
  • tileZoomnumber
  • tileX: number
  • 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° (ลดลงโดยตรง)

StreetViewWidthLayer คลาส

google.maps.StreetViewCoverageLayer คลาส

เลเยอร์ที่แสดงสถานที่ที่มี Street View

คลาสนี้จะขยาย MVCObject

เมื่อใช้ v=beta ให้เข้าถึงได้โดยการโทรหา const {StreetViewCoverageLayer} = await google.map.importLibrary("streetView") โปรดดูไลบรารีใน Maps JavaScript API

StreetViewCoverageLayer
StreetViewCoverageLayer()
พารามิเตอร์: ไม่มี
สร้างอินสแตนซ์ใหม่ของ StreetViewCoverageLayer
getMap
getMap()
พารามิเตอร์: ไม่มี
แสดงผลค่า: Map|null
แสดงผลแผนที่ที่แสดงเลเยอร์นี้
setMap
setMap(map)
พารามิเตอร์:
  • map: Map optional
ค่าการแสดงผล: ไม่มี
แสดงเลเยอร์บนแผนที่ที่ระบุ หากแผนที่ตั้งค่าเป็น Null ระบบจะนําเลเยอร์ออก
รับค่า: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll