Map View

LocalContextMapView class

google.maps.localContext.LocalContextMapView ชั้นเรียน

แสดงประสบการณ์บริบทในพื้นที่พร้อม Map

คลาสนี้ใช้ LocalContextMapViewOptions

เข้าถึงได้โดยโทรไปที่ const {LocalContextMapView} = await google.maps.importLibrary("localContext")
ดูไลบรารีใน Maps JavaScript API
LocalContextMapView
LocalContextMapView(options)
พารามิเตอร์: 
directionsOptions
ประเภท:  MapDirectionsOptions|MapDirectionsOptionsLiteral optional
ดูLocalContextMapViewOptions.directionsOptions
element optional
ประเภท:  HTMLElement|SVGElement optional
ฟิลด์นี้เป็นแบบอ่านอย่างเดียว องค์ประกอบ DOM ที่สนับสนุนมุมมอง
isTransitioningMapBounds
ประเภท:  boolean
ตั้งค่าเป็น true ก่อนที่ LocalContextMapView จะเริ่มเปลี่ยนขอบเขตของ Map ด้านใน และตั้งค่าเป็น false หลังจากที่ LocalContextMapView เปลี่ยนขอบเขตของ Map ด้านในเสร็จแล้ว (ไม่ได้ตั้งค่าเมื่อโหมดเลย์เอาต์มีการเปลี่ยนแปลงเนื่องจากการปรับขนาดแบบยืดหยุ่น)
locationBias
ประเภท:  LocationBias optional
ดูLocalContextMapViewOptions.locationBias การเปลี่ยนพร็อพเพอร์ตี้นี้ใน LocalContextMapView อาจทริกเกอร์การค้นหาใหม่
locationRestriction
ประเภท:  LocationRestriction optional
ดูLocalContextMapViewOptions.locationRestriction การเปลี่ยนพร็อพเพอร์ตี้นี้ใน LocalContextMapView อาจทริกเกอร์การค้นหาใหม่
maxPlaceCount
ประเภท:  number
ดูLocalContextMapViewOptions.maxPlaceCount การเปลี่ยนพร็อพเพอร์ตี้นี้ใน LocalContextMapView อาจทริกเกอร์การค้นหาใหม่
placeTypePreferences
ประเภท:  Array<PlaceTypePreference>
ดูLocalContextMapViewOptions.placeTypePreferences การเปลี่ยนพร็อพเพอร์ตี้นี้ใน LocalContextMapView อาจทริกเกอร์การค้นหาใหม่ Iterable<string|PlaceTypePreference> ก็ยอมรับได้เช่นกัน
สืบทอด: map, pinOptionsSetup, placeChooserViewSetup, placeDetailsViewSetup
addListener
addListener(eventName, handler)
พารามิเตอร์: 
  • eventName:  string
  • handler:  Function
ค่าที่ส่งคืน:  MapsEventListener
เพิ่มฟังก์ชัน Listener ที่ระบุลงในชื่อเหตุการณ์ที่ระบุ
hidePlaceDetailsView
hidePlaceDetailsView()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน: ไม่มี
ซ่อนรายละเอียดสถานที่
search
search()
พารามิเตอร์: ไม่มี
ค่าที่ส่งคืน: ไม่มี
ค้นหาสถานที่เพื่อแสดงต่อผู้ใช้ตาม maxPlaceCount, placeTypePreferences, locationRestriction และ locationBias ปัจจุบัน
error
function(event)
อาร์กิวเมนต์: 
เหตุการณ์นี้จะเริ่มทำงานหากเกิดข้อผิดพลาดขณะทำการค้นหา
placedetailsviewhidestart
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะทริกเกอร์ก่อนที่รายละเอียดสถานที่เริ่มเคลื่อนไหวออก
placedetailsviewshowstart
function()
อาร์กิวเมนต์: ไม่มี
เหตุการณ์นี้จะทริกเกอร์ก่อนที่รายละเอียดสถานที่เริ่มเคลื่อนไหว

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

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

ตัวเลือกในการสร้าง LocalContextMapView หรือเข้าถึง LocalContextMapView ที่มีอยู่
maxPlaceCount
ประเภท:  number
จำนวนสถานที่สูงสุดที่จะแสดง เมื่อพารามิเตอร์นี้เป็น 0 ไลบรารีบริบทในพื้นที่จะไม่โหลดสถานที่ [0,24]
placeTypePreferences
ประเภท:  Array<PlaceTypePreference>
ประเภทของสถานที่ที่จะค้นหา (สูงสุด 10 ประเภท) นอกจากนี้ยังยอมรับประเภท Iterable<string|PlaceTypePreference> แต่รองรับเฉพาะในเบราว์เซอร์ที่รองรับสัญลักษณ์ JavaScript โดยกำเนิด
directionsOptions optional
ประเภท:  MapDirectionsOptions|MapDirectionsOptionsLiteral optional
ตัวเลือกสำหรับการปรับแต่งเส้นทาง หากไม่ได้ตั้งค่า ระบบจะปิดใช้เส้นทางและระยะทาง
element optional
ประเภท:  HTMLElement|SVGElement optional
ฟิลด์นี้เป็นแบบอ่านอย่างเดียว องค์ประกอบ DOM ที่สนับสนุนมุมมอง
locationBias optional
ประเภท:  LocationBias optional
ค่าเริ่มต้น: null
ขอบเขตแบบยืดหยุ่นหรือคำใบ้ที่จะใช้เมื่อค้นหาสถานที่
locationRestriction optional
ประเภท:  LocationRestriction optional
ขอบเขตเพื่อจำกัดผลการค้นหา หากไม่ได้ระบุ ระบบจะจำกัดผลลัพธ์ไว้ที่วิวพอร์ตของแผนที่
map optional
ประเภท:  Map optional
อินสแตนซ์ Map ที่สร้างขึ้นแล้ว หากส่งผ่านเข้ามา ระบบจะย้ายแผนที่ไปยัง DOM ของ LocalContextMapView และจะไม่จัดรูปแบบใหม่ องค์ประกอบที่เชื่อมโยงกับแผนที่อาจมีรูปแบบและคลาสที่ LocalContextMapView ใช้กับองค์ประกอบนั้นด้วย
pinOptionsSetup optional
ประเภท:  (function({
  isSelected:boolean,
  isHighlighted:boolean
}): (PinOptions optional))|PinOptions optional
กำหนดค่าไอคอนเครื่องหมายสถานที่ตามสถานะไอคอน เรียกใช้เมื่อใดก็ตามที่อินพุตในการเรียกกลับมีการเปลี่ยนแปลง ส่งฟังก์ชันเพื่อลบล้างการตั้งค่าเริ่มต้นแบบไดนามิกเมื่อ LocalContextMapView วาดเครื่องหมายสถานที่ ระบบอาจพิจารณาข้อผิดพลาดและการกำหนดค่าที่ไม่ถูกต้องแบบไม่พร้อมกัน และจะเพิกเฉยต่อข้อผิดพลาดดังกล่าว (ระบบจะใช้ค่าเริ่มต้นและบันทึกข้อผิดพลาดลงในคอนโซล)
placeChooserViewSetup optional
ประเภท:  (function({
  defaultLayoutMode:PlaceChooserLayoutMode,
  defaultPosition:PlaceChooserPosition optional
}): (PlaceChooserViewSetupOptions optional))|PlaceChooserViewSetupOptions optional
ลบล้างการตั้งค่าของมุมมองเครื่องมือเลือกสถานที่ ส่งฟังก์ชันเพื่อลบล้างการตั้งค่าเริ่มต้นแบบไดนามิกเมื่อ LocalContextMapView อาจเปลี่ยนเลย์เอาต์เนื่องจากการปรับขนาด ระบบอาจกำหนดข้อผิดพลาดและการกำหนดค่าที่ไม่ถูกต้องแบบไม่พร้อมกัน และจะเพิกเฉยต่อข้อผิดพลาดดังกล่าว (ระบบจะใช้ค่าเริ่มต้นแทน และจะบันทึกข้อผิดพลาดลงในคอนโซล) ข้อผิดพลาดที่ตรวจพบในระหว่างการสร้างจะทำให้เกิดข้อผิดพลาดแบบซิงโครนัส
placeDetailsViewSetup optional
ประเภท:  (function({
  defaultLayoutMode:PlaceDetailsLayoutMode,
  defaultPosition:PlaceDetailsPosition optional
}): (PlaceDetailsViewSetupOptions optional))|PlaceDetailsViewSetupOptions optional
ลบล้างการตั้งค่าของมุมมองรายละเอียดสถานที่ ส่งฟังก์ชันเพื่อลบล้างการตั้งค่าเริ่มต้นแบบไดนามิกเมื่อ LocalContextMapView อาจเปลี่ยนเลย์เอาต์เนื่องจากการปรับขนาด ระบบอาจพิจารณาข้อผิดพลาดและการกำหนดค่าที่ไม่ถูกต้องแบบไม่พร้อมกัน และจะเพิกเฉยต่อข้อผิดพลาดดังกล่าว (ระบบจะใช้ค่าเริ่มต้นและบันทึกข้อผิดพลาดลงในคอนโซล) ข้อผิดพลาดที่ตรวจพบในระหว่างการสร้างจะทำให้เกิดข้อผิดพลาดแบบซิงโครนัส

PlaceTypePreference typedef

google.maps.localContext.PlaceTypePreference typedef

ประเภทสถานที่ที่จะค้นหาและน้ำหนักที่จะใช้ หากไม่ได้ระบุ weight ไลบรารีจะกำหนดน้ำหนักเริ่มต้น ซึ่งอาจเปลี่ยนแปลงและปรับปรุงเมื่อเวลาผ่านไป

{
  type:string,
  weight:number optional
}

MapDirectionsOptions class

google.maps.localContext.MapDirectionsOptions ชั้นเรียน

ให้การตั้งค่าสำหรับเส้นทางที่มี LocalContextMapView

คลาสนี้ใช้ MapDirectionsOptionsLiteral

เข้าถึงได้โดยโทรไปที่ const {MapDirectionsOptions} = await google.maps.importLibrary("localContext")
ดูไลบรารีใน Maps JavaScript API
รับค่า: origin
addListener
addListener(eventName, handler)
พารามิเตอร์: 
  • eventName:  string
  • handler:  Function
ค่าที่ส่งคืน:  MapsEventListener
เพิ่มฟังก์ชัน Listener ที่ระบุลงในชื่อเหตุการณ์ที่ระบุ

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

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

ระบบยอมรับออบเจ็กต์ลิเทอรัลแทนออบเจ็กต์ MapDirectionsOptions เพื่อความสะดวกในหลายๆ ที่ ระบบจะแปลงเป็นออบเจ็กต์ MapDirectionsOptions เมื่อ Maps API พบ
origin
ประเภท:  LatLng|LatLngLiteral
ต้นทางสำหรับเส้นทางและระยะทาง

PinOptions interface

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

ตัวเลือกสำหรับการปรับแต่งเครื่องหมายหมุด
background optional
ประเภท:  string optional
สีของรูปร่างไอคอน ซึ่งอาจเป็นสี CSS ที่ถูกต้อง
glyphColor optional
ประเภท:  string optional
สีของสัญลักษณ์ในไอคอนอาจเป็นสี CSS ที่ถูกต้อง
scale optional
ประเภท:  number optional
ขนาดของไอคอน ค่านี้เป็นค่าสัมบูรณ์ ไม่ใช่ค่าที่สัมพันธ์กับขนาดเริ่มต้นในแต่ละสถานะ

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

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

ตัวเลือกการตั้งค่าสำหรับเครื่องมือเลือกสถานที่ อ่านเพิ่มเติมเกี่ยวกับการตั้งค่าเลย์เอาต์และการแสดงผล
layoutMode optional
ประเภท:  PlaceChooserLayoutMode optional
position optional
ประเภท:  PlaceChooserPosition optional
ละเว้นเมื่อ layoutMode:HIDDEN หากไม่ได้ส่ง ระบบจะกำหนดตำแหน่งโดยอัตโนมัติตาม layoutMode

PlaceChooserLayoutMode ค่าคงที่

google.maps.localContext.PlaceChooserLayoutMode ค่าคงที่

โหมดเลย์เอาต์สำหรับเครื่องมือเลือกสถานที่

เข้าถึงได้โดยโทรไปที่ const {PlaceChooserLayoutMode} = await google.maps.importLibrary("localContext")
ดูไลบรารีใน Maps JavaScript API
HIDDEN ระบบซ่อนเครื่องมือเลือกสถานที่
SHEET ตัวเลือกสถานที่แสดงเป็นชีต

PlaceChooserPosition ค่าคงที่

google.maps.localContext.PlaceChooserPosition ค่าคงที่

ตำแหน่งที่แสดงสำหรับเครื่องมือเลือกสถานที่

เข้าถึงได้โดยโทรไปที่ const {PlaceChooserPosition} = await google.maps.importLibrary("localContext")
ดูไลบรารีใน Maps JavaScript API
BLOCK_END ตัวเลือกสถานที่แสดงในบรรทัดใต้แผนที่ซึ่งขยายไปจนสุดคอนเทนเนอร์
INLINE_END ตัวเลือกสถานที่ตั้งจะแสดงในบรรทัดเดียวกับแผนที่ที่ส่วนท้ายของเส้น (ในภาษาที่อ่านจากซ้ายไปขวา หมายความว่าเครื่องมือเลือกสถานที่อยู่ทางด้านขวาของแผนที่)
INLINE_START ตัวเลือกสถานที่ตั้งจะแสดงในบรรทัดเดียวกับแผนที่ที่จุดเริ่มต้นของเส้น (ในภาษาที่อ่านจากซ้ายไปขวา หมายความว่าเครื่องมือเลือกสถานที่อยู่ทางด้านซ้ายของแผนที่)

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

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

ตัวเลือกการตั้งค่าสำหรับรายละเอียดสถานที่ อ่านเพิ่มเติมเกี่ยวกับการตั้งค่าเลย์เอาต์และการแสดงผล
hidesOnMapClick optional
ประเภท:  boolean optional
layoutMode optional
ประเภท:  PlaceDetailsLayoutMode optional
position optional
ประเภท:  PlaceDetailsPosition optional
ละเว้นเมื่อ layoutMode:INFO_WINDOW หากไม่ได้ส่ง ระบบจะกำหนดตำแหน่งโดยอัตโนมัติตาม layoutMode

PlaceDetailsLayoutMode ค่าคงที่

google.maps.localContext.PlaceDetailsLayoutMode ค่าคงที่

โหมดเลย์เอาต์สำหรับรายละเอียดสถานที่

เข้าถึงได้โดยโทรไปที่ const {PlaceDetailsLayoutMode} = await google.maps.importLibrary("localContext")
ดูไลบรารีใน Maps JavaScript API
INFO_WINDOW รายละเอียดสถานที่จะแสดงใน InfoWindow
SHEET รายละเอียดสถานที่แสดงในชีต

PlaceDetailsPosition ค่าคงที่

google.maps.localContext.PlaceDetailsPosition ค่าคงที่

ตำแหน่งที่แสดงสำหรับรายละเอียดสถานที่

เข้าถึงได้โดยโทรไปที่ const {PlaceDetailsPosition} = await google.maps.importLibrary("localContext")
ดูไลบรารีใน Maps JavaScript API
INLINE_END รายละเอียดสถานที่จะแสดงในบรรทัดเดียวกับแผนที่ที่ส่วนท้ายของบรรทัด (ในภาษาที่อ่านจากซ้ายไปขวา หมายความว่ารายละเอียดสถานที่อยู่ทางด้านขวาของแผนที่)
INLINE_START รายละเอียดสถานที่จะแสดงในบรรทัดเดียวกับแผนที่ที่จุดเริ่มต้นของเส้น (ในภาษาที่อ่านจากซ้ายไปขวา หมายความว่ารายละเอียดสถานที่อยู่ทางด้านซ้ายของแผนที่)