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

PlaceTypePreferences ประเภทการแก้ไข

google.maps.localContext.PlaceTypePreference ประเภทการพิมพ์

ประเภทสถานที่ที่จะค้นหาและน้ําหนักที่จะใช้ หากไม่ระบุ 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

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