Data-driven styling

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

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

อินเทอร์เฟซที่แสดงเลเยอร์ของแผนที่ซึ่งมีฟีเจอร์ของ FeatureType ที่เฉพาะเจาะจงซึ่งสามารถลบล้างสไตล์ฝั่งไคลเอ็นต์หรือแนบเหตุการณ์ได้

พร็อพเพอร์ตี้
featureType	ประเภท: FeatureType FeatureType ที่เชื่อมโยงกับ FeatureLayer นี้
isAvailable	ประเภท: boolean FeatureLayer นี้พร้อมใช้งานหรือไม่ ซึ่งหมายความว่าการจัดรูปแบบตามข้อมูลพร้อมใช้งานสำหรับแผนที่นี้หรือไม่ (มีรหัสแผนที่ที่ใช้ไทล์เวกเตอร์ซึ่งเปิดใช้ FeatureLayer นี้ในรูปแบบแผนที่ของคอนโซล Google Cloud) หากเป็นเท็จ (หรือกลายเป็นเท็จ) การจัดรูปแบบใน FeatureLayer นี้จะกลับไปเป็นค่าเริ่มต้นและเหตุการณ์จะไม่ทริกเกอร์
datasetId ไม่บังคับ	ประกาศ: ใช้ได้เฉพาะในเวอร์ชันเบต้าเท่านั้น ประเภท: string optional รหัสชุดข้อมูลสำหรับ FeatureLayer นี้ แสดงเมื่อ featureType เป็น FeatureType.DATASET เท่านั้น
style ไม่บังคับ	ประเภท: FeatureStyleOptions|FeatureStyleFunction optional สไตล์ของFeatureในFeatureLayer ระบบจะใช้สไตล์เมื่อตั้งค่าสไตล์ หากฟังก์ชันสไตล์อัปเดต คุณต้องตั้งค่าพร็อพเพอร์ตี้สไตล์อีกครั้ง FeatureStyleFunction ต้องแสดงผลลัพธ์ที่สอดคล้องกันเมื่อใช้กับไทล์แผนที่ และควรได้รับการเพิ่มประสิทธิภาพ ระบบไม่รองรับฟังก์ชันแบบอะซิงโครนัส หากคุณใช้FeatureStyleOptions ฟีเจอร์ทั้งหมดของเลเยอร์นั้นจะได้รับการจัดรูปแบบด้วยFeatureStyleOptionsเดียวกัน ตั้งค่ารูปแบบเป็น null เพื่อนำรูปแบบที่ตั้งไว้ก่อนหน้านี้ออก หาก FeatureLayer นี้ไม่พร้อมใช้งาน การตั้งค่าสไตล์จะไม่ทำงานและบันทึกข้อผิดพลาด

เมธอด
addListener	addListener(eventName, handler) พารามิเตอร์ eventName: เหตุการณ์ที่สังเกตได้ string รายการ handler: Function ฟังก์ชันสำหรับจัดการเหตุการณ์ ค่าที่แสดงผล: MapsEventListener Listener เหตุการณ์ที่ได้ เพิ่มฟังก์ชัน Listener ที่ระบุลงในชื่อเหตุการณ์ที่ระบุ แสดงผลตัวระบุสำหรับ Listener นี้ที่ใช้กับ event.removeListener ได้

กิจกรรม
click	function(event) อาร์กิวเมนต์ event: FeatureMouseEvent เหตุการณ์นี้จะเริ่มทำงานเมื่อมีการคลิก FeatureLayer
mousemove	function(event) อาร์กิวเมนต์ event: FeatureMouseEvent เหตุการณ์นี้จะเริ่มทำงานเมื่อผู้ใช้เลื่อนเมาส์ไปเหนือ FeatureLayer

FeatureType ค่าคงที่

google.maps.FeatureType ค่าคงที่
ไลบรารี "maps"

ตัวระบุสำหรับประเภทองค์ประกอบ

ค่าคงที่เหล่านี้ยังใช้เป็นสตริงได้ด้วย ใน TypeScript สตริงลิเทอรัลจะกำหนดโดยประเภท FeatureTypeString

const {FeatureType} = await google.maps.importLibrary("maps");

ค่าคงที่
ADMINISTRATIVE_AREA_LEVEL_1	ระบุหน่วยงานพลเรือนระดับที่ 1 ที่ต่ำกว่าระดับประเทศ
ADMINISTRATIVE_AREA_LEVEL_2	ระบุหน่วยงานพลเรือนระดับที่ 2 ที่ต่ำกว่าระดับประเทศ
COUNTRY	ระบุหน่วยงานทางการเมืองระดับประเทศ
DATASET	ประกาศ: ใช้ได้เฉพาะในเวอร์ชันเบต้าเท่านั้น ระบุชุดข้อมูลของบุคคลที่สาม
LOCALITY	ระบุหน่วยงานทางการเมืองของเมืองหรือเทศบาลที่จัดตั้งขึ้น
POSTAL_CODE	ระบุรหัสไปรษณีย์ที่ใช้สำหรับที่อยู่ไปรษณีย์ภายในประเทศ รวมถึงรหัสไปรษณีย์
SCHOOL_DISTRICT	ระบุเขตการศึกษา

FeatureStyleFunction typedef

google.maps.FeatureStyleFunction typedef

ฟังก์ชันสำหรับจัดรูปแบบ FeatureLayer

function(FeatureStyleFunctionOptions): (FeatureStyleOptions optional)

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

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

ตัวเลือกที่ส่งไปยัง FeatureStyleFunction

พร็อพเพอร์ตี้
feature	ประเภท: Feature ส่ง Feature ไปยัง FeatureStyleFunction เพื่อจัดรูปแบบ

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

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

ตัวเลือกเหล่านี้จะระบุวิธีแก้ไขรูปแบบของ Feature ในแผนที่

พร็อพเพอร์ตี้
fillColor ไม่บังคับ	ประเภท: string optional สตริง RGB แบบเลขฐาน 16 (เช่น "#00FF00" สำหรับสีเขียว) ใช้ได้กับเรขาคณิตรูปหลายเหลี่ยมเท่านั้น
fillOpacity ไม่บังคับ	ประเภท: number optional ความทึบของสีเติมระหว่าง 0.0 ถึง 1.0 ใช้ได้กับเรขาคณิตรูปหลายเหลี่ยมเท่านั้น
strokeColor ไม่บังคับ	ประเภท: string optional สตริง RGB แบบเลขฐาน 16 (เช่น "#00FF00" สำหรับสีเขียว)
strokeOpacity ไม่บังคับ	ประเภท: number optional ความทึบแสงของเส้นขอบระหว่าง 0.0 ถึง 1.0 ใช้ได้กับเรขาคณิตแบบเส้นและรูปหลายเหลี่ยมเท่านั้น
strokeWeight ไม่บังคับ	ประเภท: number optional ความหนาของเส้นในหน่วยพิกเซล ใช้ได้กับเรขาคณิตแบบเส้นและรูปหลายเหลี่ยมเท่านั้น

อินเทอร์เฟซ ฟีเจอร์

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

อินเทอร์เฟซที่แสดงฟีเจอร์ไทล์แผนที่เวกเตอร์ ซึ่งเป็นอินพุตสำหรับ FeatureStyleFunction อย่าบันทึกการอ้างอิงไปยังออบเจ็กต์ Feature ที่เฉพาะเจาะจง เนื่องจากการอ้างอิงจะไม่เสถียร

พร็อพเพอร์ตี้
featureType	ประเภท: FeatureType FeatureTypeของFeatureนี้

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

google.maps.PlaceFeature interface
extends Feature

อินเทอร์เฟซที่แสดงถึงฟีเจอร์ที่มีรหัสสถานที่ ซึ่งรวมถึงฟีเจอร์ประเภท FeatureType.ADMINISTRATIVE_AREA_LEVEL_1, FeatureType.ADMINISTRATIVE_AREA_LEVEL_2, FeatureType.COUNTRY, FeatureType.LOCALITY, FeatureType.POSTAL_CODE และ FeatureType.SCHOOL_DISTRICT

พร็อพเพอร์ตี้
placeId	ประเภท: string PlaceResult.place_id
รับค่ามา: featureType

เมธอด

fetchPlace

fetchPlace() พารามิเตอร์: ไม่มี ค่าที่แสดงผล: Promise<Place> ดึงข้อมูล Place สำหรับ PlaceFeature นี้ ในออบเจ็กต์ Place ที่ได้ ระบบจะป้อนข้อมูลพร็อพเพอร์ตี้ id และ displayName ชื่อที่แสดงจะเป็นภาษาที่ผู้ใช้ปลายทางเห็นบนแผนที่ (คุณสามารถขอช่องเพิ่มเติมได้ในภายหลังผ่าน Place.fetchFields() โดยขึ้นอยู่กับการเปิดใช้และการเรียกเก็บเงินของ Places API ตามปกติ) อย่าเรียกใช้เมธอดนี้จาก FeatureStyleFunction เนื่องจากระบบรองรับเฉพาะ FeatureStyleFunction แบบซิงโครนัสเท่านั้น ระบบจะปฏิเสธ Promise หากเกิดข้อผิดพลาดในการดึงข้อมูล Place

DatasetFeature interface

google.maps.DatasetFeature interface
extends Feature

ประกาศ: ใช้ได้เฉพาะในเวอร์ชันเบต้าเท่านั้น

อินเทอร์เฟซที่แสดงถึงฟีเจอร์จากชุดข้อมูล featureType ของ DatasetFeature จะเป็น FeatureType.DATASET เสมอ

พร็อพเพอร์ตี้
datasetAttributes	ประเภท: Object<string, string> การแมปคีย์-ค่าของแอตทริบิวต์ของฟีเจอร์
datasetId	ประเภท: string รหัสชุดข้อมูลของชุดข้อมูลที่มีฟีเจอร์นี้อยู่
รับค่ามา: featureType

FeatureMouseEvent interface

google.maps.FeatureMouseEvent interface
extends MapMouseEvent

ออบเจ็กต์นี้แสดงผลจากเหตุการณ์การใช้เมาส์ใน FeatureLayer

พร็อพเพอร์ตี้
features	ประเภท: Array<Feature> Feature ที่เหตุการณ์เมาส์นี้
สืบทอด: domEvent, latLng

เมธอด
รับค่ามา: stop