Rendering

คลาส StreetViewPanorama

class google.maps.StreetViewPanorama extends MVCObject
library "streetView"

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

const {StreetViewPanorama} = await google.maps.importLibrary("streetView");
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)
พารามิเตอร์
  • motionTracking: boolean
ผลลัพธ์: ไม่มี
ตั้งค่าสถานะของเครื่องมือติดตามการเคลื่อนไหว หาก 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)
พารามิเตอร์
  • flag: boolean
ผลลัพธ์: ไม่มี
ตั้งค่าเป็น true เพื่อให้มองเห็นภาพพาโนรามาได้ หากตั้งค่าเป็น false ระบบจะซ่อนภาพพาโนรามาไม่ว่าจะฝังอยู่ในแผนที่หรือใน <div> ของตัวเอง
setZoom
setZoom(zoom)
พารามิเตอร์
  • zoom: number
ผลลัพธ์: ไม่มี
ตั้งค่าระดับการซูมของภาพพาโนรามา การซูมออกจนสุดคือระดับ 0 ซึ่งขอบเขตการมองเห็นคือ 180 องศา การซูมเข้าจะเพิ่มระดับการซูม
สืบทอด: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
closeclick
function(event)
อาร์กิวเมนต์
  • event: Event optional เหตุการณ์ที่ทริกเกอร์
เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิกปุ่มปิด
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
ไม่บังคับ
ประเภท: boolean optional
สถานะเปิด/ปิดใช้ของการควบคุมที่อยู่
addressControlOptions
ไม่บังคับ
ประเภท: StreetViewAddressControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมที่อยู่
clickToGo
ไม่บังคับ
ประเภท: boolean optional
ค่าเริ่มต้น: true
สถานะเปิด/ปิดใช้ของฟีเจอร์คลิกเพื่อไปยังตำแหน่งที่ต้องการ ไม่เกี่ยวข้องกับภาพพาโนรามาที่กำหนดเอง
controlSize
ไม่บังคับ
ประเภท: number optional
ขนาดเป็นพิกเซลของตัวควบคุมที่ปรากฏในภาพพาโนรามา คุณต้องระบุค่านี้โดยตรงเมื่อสร้างพาโนรามา การอัปเดตค่านี้ในภายหลังอาจทำให้การควบคุมอยู่ในสถานะที่ไม่ได้กำหนด ควบคุมเฉพาะการควบคุมที่ทำโดย Maps API เองเท่านั้น ไม่ปรับขนาดการควบคุมที่กำหนดเองซึ่งนักพัฒนาแอปสร้างขึ้น
disableDefaultUI
ไม่บังคับ
ประเภท: boolean optional
เปิด/ปิดใช้ UI เริ่มต้นทั้งหมด อาจลบล้างทีละรายการ
disableDoubleClickZoom
ไม่บังคับ
ประเภท: boolean optional
ค่าเริ่มต้น: true
เปิด/ปิดใช้การซูมเมื่อดับเบิลคลิก
enableCloseButton
ไม่บังคับ
ประเภท: boolean optional
ค่าเริ่มต้น: false
หากเป็น true ปุ่มปิดจะแสดงขึ้น
fullscreenControl
ไม่บังคับ
ประเภท: boolean optional
สถานะเปิดใช้/ปิดใช้ของการควบคุมแบบเต็มหน้าจอ
fullscreenControlOptions
ไม่บังคับ
ประเภท: FullscreenControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมแบบเต็มหน้าจอ
imageDateControl
ไม่บังคับ
ประเภท: boolean optional
สถานะเปิดใช้/ปิดใช้ของการควบคุมวันที่ได้มาซึ่งภาพ ปิดใช้โดยค่าเริ่มต้น
linksControl
ไม่บังคับ
ประเภท: boolean optional
สถานะเปิด/ปิดใช้ของการควบคุมลิงก์
motionTracking
ไม่บังคับ
ประเภท: boolean optional
การติดตามการเคลื่อนไหวเปิดหรือปิดอยู่ เปิดใช้โดยค่าเริ่มต้นเมื่อมีการควบคุมการติดตามการเคลื่อนไหวและผู้ใช้ให้สิทธิ์หรือเมื่อไม่จำเป็นต้องใช้สิทธิ์ เพื่อให้ POV (มุมมอง) เป็นไปตามการวางแนวของอุปกรณ์ ซึ่งส่วนใหญ่จะใช้กับอุปกรณ์เคลื่อนที่ หากตั้งค่า motionTracking เป็น false ขณะที่เปิดใช้ motionTrackingControl ตัวควบคุมการติดตามการเคลื่อนไหวจะปรากฏขึ้น แต่การติดตามจะปิดอยู่ ผู้ใช้สามารถแตะตัวควบคุมการติดตามการเคลื่อนไหวเพื่อเปิด/ปิดตัวเลือกนี้ได้ หากตั้งค่า motionTracking เป็น true ขณะที่ต้องใช้สิทธิ์แต่ยังไม่ได้ขอสิทธิ์ การควบคุมการติดตามการเคลื่อนไหวจะปรากฏขึ้นแต่การติดตามจะปิดอยู่ ผู้ใช้สามารถแตะการควบคุมการติดตามการเคลื่อนไหวเพื่อขอสิทธิ์ได้ หากตั้งค่า motionTracking เป็น true ขณะที่ผู้ใช้ปฏิเสธสิทธิ์ การควบคุมการติดตามการเคลื่อนไหวจะปรากฏเป็นปิดใช้โดยที่การติดตามปิดอยู่
motionTrackingControl
ไม่บังคับ
ประเภท: boolean optional
สถานะเปิด/ปิดใช้ของการควบคุมการติดตามการเคลื่อนไหว เปิดใช้โดยค่าเริ่มต้นเมื่ออุปกรณ์มีข้อมูลการเคลื่อนไหว เพื่อให้ตัวควบคุมปรากฏบนแผนที่ ซึ่งส่วนใหญ่จะใช้กับอุปกรณ์เคลื่อนที่
motionTrackingControlOptions
ไม่บังคับ
ประเภท: MotionTrackingControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมการติดตามการเคลื่อนไหว
panControl
ไม่บังคับ
ประเภท: boolean optional
สถานะเปิดใช้/ปิดใช้ของตัวควบคุมการเลื่อน
panControlOptions
ไม่บังคับ
ประเภท: PanControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมการเลื่อน
pano
ไม่บังคับ
ประเภท: string optional
รหัสภาพพาโนรามา ซึ่งควรตั้งค่าเมื่อระบุภาพพาโนรามาที่กำหนดเอง
position
ไม่บังคับ
ประเภท: LatLng|LatLngLiteral optional
ตำแหน่ง LatLng ของภาพพาโนรามาใน Street View
pov
ไม่บังคับ
ประเภท: StreetViewPov optional
การวางแนวกล้องซึ่งระบุเป็นทิศทางและการก้มเงยสำหรับภาพพาโนรามา
scrollwheel
ไม่บังคับ
ประเภท: boolean optional
ค่าเริ่มต้น: true
หากเป็น false จะปิดใช้การซูมด้วยล้อเลื่อนใน Street View
showRoadLabels
ไม่บังคับ
ประเภท: boolean optional
ค่าเริ่มต้น: true
การแสดงชื่อถนนในภาพพาโนรามา หากไม่ได้ระบุค่านี้หรือตั้งค่าเป็น true ชื่อถนนจะแสดงในภาพพาโนรามา หากตั้งค่าเป็น false ระบบจะไม่แสดงชื่อถนน
visible
ไม่บังคับ
ประเภท: boolean optional
หากเป็น true พาโนรามาใน Street View จะปรากฏเมื่อโหลด
zoom
ไม่บังคับ
ประเภท: number optional
การซูมของภาพพาโนรามา โดยระบุเป็นตัวเลข การซูม 0 จะให้ขอบเขตการมองเห็น 180 องศา
zoomControl
ไม่บังคับ
ประเภท: boolean optional
สถานะเปิดใช้/ปิดใช้ของการควบคุมการซูม
zoomControlOptions
ไม่บังคับ
ประเภท: ZoomControlOptions optional
ตัวเลือกการแสดงผลสำหรับการควบคุมการซูม

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

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

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

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

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

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

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

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

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

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

พร็อพเพอร์ตี้ของชุดไทล์ที่ใช้ในพาโนรามาใน Street View

centerHeading
ประเภท: number
ทิศทาง (เป็นองศา) ที่กึ่งกลางของไทล์ภาพพาโนรามา
tileSize
ประเภท: Size
ขนาด (เป็นพิกเซล) ที่จะแสดงผลหน้าต่าง
worldSize
ประเภท: Size
ขนาด (เป็นพิกเซล) ของ "โลก" ของภาพพาโนรามาทั้งหมด
getTileUrl
getTileUrl(pano, tileZoom, tileX, tileY)
พารามิเตอร์
  • pano: string
  • tileZoom: number
  • tileX: number
  • tileY: number
ค่าที่แสดงผล: 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 extends MVCObject
library "streetView"

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

const {StreetViewCoverageLayer} = await google.maps.importLibrary("streetView");
StreetViewCoverageLayer
StreetViewCoverageLayer()
พารามิเตอร์: ไม่มี
สร้างอินสแตนซ์ใหม่ของ StreetViewCoverageLayer
getMap
getMap()
พารามิเตอร์: ไม่มี
ค่าที่แสดงผล: Map|null
แสดงแผนที่ที่แสดงเลเยอร์นี้
setMap
setMap(map)
พารามิเตอร์
  • map: Map optional
ค่าที่แสดงผล: undefined
แสดงผลเลเยอร์บนแผนที่ที่ระบุ หากตั้งค่าแผนที่เป็น Null ระบบจะนำเลเยอร์ออก
สืบทอด: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll