Map View

คลาส LocalContextMapView

google.maps.localContext.LocalContextMapView class

แสดงประสบการณ์บริบทในพื้นที่ด้วย 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 interface

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 class

ระบุการตั้งค่าสำหรับเส้นทางด้วย LocalContextMapView

คลาสนี้ใช้ MapDirectionsOptionsLiteral

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

MapDirectionsOptionsLiteral interface

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 interface

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

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

PlaceChooserLayoutMode constants

google.maps.localContext.PlaceChooserLayoutMode constants

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

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

PlaceChooserPosition constants

google.maps.localContext.PlaceChooserPosition constants

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

เข้าถึงโดยการโทรหา 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 constants

google.maps.localContext.PlaceDetailsLayoutMode constants

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

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

PlaceDetailsPosition constants

google.maps.localContext.PlaceDetailsPosition constants

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

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