Map View

คลาส LocalContextMapView

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

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

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

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

อินเทอร์เฟซ 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 รายละเอียดสถานที่จะแสดงในแนวเดียวกับแผนที่ที่จุดเริ่มต้นของเส้น (ในภาษาที่อ่านจากซ้ายไปขวาหมายความว่ารายละเอียดสถานที่อยู่ทางด้านซ้ายของแผนที่)