Info Window

InfoWindow class

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

ภาพซ้อนทับที่มีลักษณะคล้ายฟองคำพูดและมักเชื่อมต่อกับเครื่องหมาย

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

เข้าถึงได้โดยโทรไปที่ const {InfoWindow} = await google.maps.importLibrary("maps") หรือ const {InfoWindow} = await google.maps.importLibrary("streetView")
ดูไลบรารีใน Maps JavaScript API
InfoWindow
InfoWindow([opts])
พารามิเตอร์: 
สร้างหน้าต่างข้อมูลที่มีตัวเลือกที่ระบุ คุณวาง InfoWindow บนแผนที่ที่ตำแหน่งใดตำแหน่งหนึ่งหรือเหนือเครื่องหมายก็ได้ โดยขึ้นอยู่กับสิ่งที่ระบุไว้ในตัวเลือก หากไม่ได้ปิดใช้การเลื่อนอัตโนมัติ InfoWindow จะเลื่อนแผนที่เพื่อให้ตัวเองมองเห็นได้เมื่อเปิดขึ้น หลังจากสร้าง InfoWindow แล้ว คุณต้องเรียกใช้ฟังก์ชัน open เพื่อแสดงในแผนที่ ผู้ใช้สามารถคลิกปุ่มปิดใน InfoWindow เพื่อนำออกจากแผนที่ หรือนักพัฒนาแอปสามารถเรียกใช้ close() เพื่อให้ได้ผลลัพธ์เดียวกัน
isOpen
ประเภท:  boolean
ตรวจสอบว่า InfoWindow เปิดอยู่หรือไม่
close
close()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน: ไม่มี
ปิด InfoWindow นี้โดยนำออกจากโครงสร้าง DOM
focus
focus()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน: ไม่มี
ตั้งค่าโฟกัสใน InfoWindow นี้ คุณอาจต้องพิจารณาใช้วิธีนี้ร่วมกับเหตุการณ์ visible เพื่อให้แน่ใจว่า InfoWindow จะแสดงก่อนที่จะตั้งค่าโฟกัส InfoWindow ที่มองไม่เห็นจะโฟกัสไม่ได้
getContent
getContent()
พารามิเตอร์: ไม่มี
ค่าที่แสดงผล:  string|Element|Text|null|undefined เนื้อหาของ InfoWindow นี้ เหมือนกับที่ตั้งค่าไว้ก่อนหน้านี้เป็นเนื้อหา
getHeaderContent
getHeaderContent()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  string|Element|Text|null|undefined เนื้อหาส่วนหัวของ InfoWindow นี้ ดูข้อมูลที่ InfoWindowOptions.headerContent
getHeaderDisabled
getHeaderDisabled()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  boolean|undefined ไม่ว่าจะปิดใช้แถวส่วนหัวทั้งหมดหรือไม่ ดูข้อมูลที่ InfoWindowOptions.headerDisabled
getPosition
getPosition()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน:  LatLng|null|undefined ตำแหน่ง LatLng ของ InfoWindow นี้
getZIndex
getZIndex()
พารามิเตอร์: ไม่มี
ค่าที่แสดงผล:  number zIndex ของ InfoWindow นี้
open
open([options, anchor])
พารามิเตอร์: 
  • options:  InfoWindowOpenOptions|Map|StreetViewPanorama optional ออบเจ็กต์ InfoWindowOpenOptions (แนะนํา) หรือแผนที่|พาโนรามาที่จะแสดงผล InfoWindow นี้
  • anchor:  MVCObject|AdvancedMarkerElement optional จุดยึดที่จะวาง InfoWindow นี้ หากแองเคอร์ไม่ใช่ค่าว่าง ระบบจะวางตำแหน่ง InfoWindow ที่ด้านบนตรงกลางของแองเคอร์ ระบบจะแสดง InfoWindow บนแผนที่หรือภาพพาโนรามาเดียวกันกับจุดยึด (หากมี)
ค่าที่ส่งคืน: ไม่มี
เปิด InfoWindow นี้ในแผนที่ที่ระบุ คุณอาจเชื่อมโยง InfoWindow กับ Anchor ก็ได้ (ไม่บังคับ) ใน Core API จุดยึดเดียวคือคลาส Marker อย่างไรก็ตาม จุดยึดอาจเป็น MVCObject ใดก็ได้ที่แสดงพร็อพเพอร์ตี้ LatLng position และอาจแสดงพร็อพเพอร์ตี้ Point anchorPoint เพื่อคำนวณ pixelOffset (ดู InfoWindowOptions) anchorPoint คือออฟเซ็ตจากตำแหน่งของเครื่องหมายไปยังปลายของ InfoWindow ขอแนะนำให้ใช้InfoWindowOpenOptionsอินเทอร์เฟซเป็นอาร์กิวเมนต์เดียวสำหรับเมธอดนี้ หากต้องการป้องกันไม่ให้เปลี่ยนโฟกัสของเบราว์เซอร์เมื่อเปิด ให้ตั้งค่า InfoWindowOpenOptions.shouldFocus เป็น false
setContent
setContent([content])
พารามิเตอร์: 
  • content:  string|Element|Text optional เนื้อหาที่จะแสดงโดย InfoWindow นี้
ค่าที่ส่งคืน: ไม่มี
setHeaderContent
setHeaderContent([headerContent])
พารามิเตอร์: 
  • headerContent:  string|Element|Text optional เนื้อหาส่วนหัวที่จะแสดงใน InfoWindow นี้ ดูข้อมูลที่ InfoWindowOptions.headerContent
ค่าที่ส่งคืน: ไม่มี
setHeaderDisabled
setHeaderDisabled([headerDisabled])
พารามิเตอร์: 
  • headerDisabled:  boolean optional ระบุว่าจะปิดใช้แถวส่วนหัวทั้งหมดหรือไม่ ดูข้อมูลที่ InfoWindowOptions.headerDisabled
ค่าที่ส่งคืน: ไม่มี
setOptions
setOptions([options])
พารามิเตอร์: 
ค่าที่ส่งคืน: ไม่มี
setPosition
setPosition([position])
พารามิเตอร์: 
  • position:  LatLng|LatLngLiteral optional ตำแหน่ง LatLng ที่จะแสดง InfoWindow นี้
ค่าที่ส่งคืน: ไม่มี
setZIndex
setZIndex(zIndex)
พารามิเตอร์: 
  • zIndex:  number ดัชนี z สำหรับ InfoWindow นี้ หน้าต่างข้อมูลที่มี z-index สูงกว่าจะแสดงอยู่หน้าหน้าต่างข้อมูลอื่นๆ ทั้งหมดที่มี z-index ต่ำกว่า
ค่าที่ส่งคืน: ไม่มี
สืบทอด: