จัดรูปแบบรูปหลายเหลี่ยมที่เป็นขอบเขต

เลือกแพลตฟอร์ม Android iOS JavaScript

หากต้องการใช้รูปแบบสำหรับเส้นโครงร่างและการเติมให้กับรูปหลายเหลี่ยมขอบเขตในเลเยอร์ฟีเจอร์ ให้ทำดังนี้

  1. สร้างฟังก์ชันโรงงานสไตล์ที่นำองค์ประกอบ FeatureLayer.StyleFactory ของ Google ฟังก์ชันนี้จะกำหนดตรรกะการจัดรูปแบบสำหรับเลเยอร์ฟีเจอร์

  2. เรียกใช้ FeatureLayer.setFeatureStyle() เพื่อใช้ฟังก์ชัน Style Factory กับเลเยอร์ฟีเจอร์

ตัวอย่างต่อไปนี้แผนที่แสดงให้เห็นการไฮไลต์รูปหลายเหลี่ยมขอบเขตสำหรับ ภูมิภาคเดียวในเลเยอร์คุณลักษณะของย่าน

ภาพหน้าจอแสดงรูปหลายเหลี่ยมของฮานาในฮาวาย

สร้างฟังก์ชัน Style Factory

ฟังก์ชันโรงงานรูปแบบจะมีผลกับรูปหลายเหลี่ยมทุกรูปในองค์ประกอบที่ได้รับผลกระทบ ตามเวลาที่คุณกำหนดฟังก์ชันในเลเยอร์ของจุดสนใจ ฟังก์ชันนี้ต้อง ส่งคืน FeatureStyle ที่ระบุวิธีจัดรูปแบบรูปหลายเหลี่ยม

Maps SDK สำหรับ Android จะส่งอินสแตนซ์ Feature ให้กับฟังก์ชันการสร้างสไตล์ อินสแตนซ์ Feature แสดงฟังก์ชัน ข้อมูลเมตาของฟีเจอร์ ซึ่งให้สิทธิ์คุณเข้าถึงข้อมูลเมตาในโรงงานสไตล์

ฟังก์ชัน Style Factory ควรแสดงผลลัพธ์ที่สอดคล้องกันเสมอเมื่อนำมาใช้ ตัวอย่างเช่น หากคุณต้องการสุ่มสีชุดคุณลักษณะ ส่วนแบบสุ่มไม่ควรอยู่ในฟังก์ชันสไตล์ฟีเจอร์ ทำให้เกิดผลลัพธ์ที่ไม่ต้องการ

เนื่องจากฟังก์ชันนี้จะทำงานกับองค์ประกอบทุกรายการในเลเยอร์ การเพิ่มประสิทธิภาพจึงมีความสำคัญ วิธีหลีกเลี่ยงการส่งผลต่อเวลาในการเรนเดอร์

  • เปิดใช้เฉพาะเลเยอร์ฟีเจอร์ที่คุณต้องการ

  • เรียก FeatureLayer.setFeatureStyle(null) เมื่อเลเยอร์ฟีเจอร์ไม่อยู่อีกต่อไป ที่ใช้งานอยู่

กำหนดเส้นโครงร่างและสีเติมของรูปหลายเหลี่ยม

เมื่อจัดรูปแบบรูปหลายเหลี่ยมที่เป็นขอบเขตในฟังก์ชันจากโรงงานของรูปแบบ คุณสามารถกำหนดสิ่งต่อไปนี้

  • สีเส้นขอบและความทึบแสงของเส้นขอบรูปหลายเหลี่ยมในรูปแบบสี ARGB ตามที่คลาส Color กำหนด ค่าเริ่มต้นคือโปร่งใส (0x00000000)

  • ความกว้างของเส้นของเส้นขอบรูปหลายเหลี่ยมในหน่วยพิกเซลของหน้าจอ ค่าเริ่มต้นคือ 2

  • เติมสีและความทึบแสงของรูปหลายเหลี่ยมในรูปแบบสี ARGB ที่กำหนดโดย Color ค่าเริ่มต้นคือโปร่งใส (0x00000000)

ค้นหารหัสสถานที่ที่จะกำหนดเป้าหมายสถานที่

แอปพลิเคชันจำนวนมากใช้รูปแบบกับองค์ประกอบตามตำแหน่งของตำแหน่ง เช่น คุณอาจต้องการใช้การจัดรูปแบบกับประเทศ เขตแดน หรือภูมิภาคต่างๆ ตำแหน่งขององค์ประกอบจะแสดงด้วย รหัสสถานที่

รหัสสถานที่จะระบุสถานที่ในฐานข้อมูล Google Places และใน Google Maps โดยไม่ซ้ำกัน วิธีรับรหัสสถานที่

ความครอบคลุมจะแตกต่างกันไปตามภูมิภาค ดูรายละเอียดได้ที่ความครอบคลุมของขอบเขต Google

ชื่อทางภูมิศาสตร์มีให้บริการจากแหล่งที่มาหลายแห่ง เช่น คณะกรรมการชื่อทางภูมิศาสตร์ของ USGS และไฟล์สารานุกรมภูมิศาสตร์ของสหรัฐอเมริกา

ใช้ PlaceFeature เพื่อรับรหัสสถานที่

คลาส PlaceFeature เป็นคลาสย่อยของคลาส Feature ฟีเจอร์นี้แสดงองค์ประกอบสถานที่ (องค์ประกอบที่มีรหัสสถานที่) ซึ่งรวมถึงองค์ประกอบประเภท ADMINISTRATIVE_AREA_LEVEL_1, ADMINISTRATIVE_AREA_LEVEL_2, COUNTRY, LOCALITY, POSTAL_CODE และ SCHOOL_DISTRICT

เมื่อรหัสสถานที่พร้อมใช้งาน Maps SDK สําหรับ Android จะส่งอินสแตนซ์ของ PlaceFeature ไปยังฟังก์ชันโรงงานสไตล์เพื่อให้คุณระบุตําแหน่งขององค์ประกอบได้

ตัวอย่างโรงงานสไตล์

ตัวอย่างนี้ใช้ฟังก์ชันสไตล์แฟกทอรีกับรูปหลายเหลี่ยมในเลเยอร์ฟีเจอร์สถานที่ ฟังก์ชันโรงงานรูปแบบจะเป็นตัวกำหนดรหัสสถานที่ของจุดสนใจ โดยใช้อินสแตนซ์ PlaceFeature ถ้ารหัสสถานที่คือ Hana, Hawaii ฟังก์ชันจะใช้รูปแบบการเติมพื้นและเส้นโครงร่างที่กำหนดเองกับรูปหลายเหลี่ยม

  1. หากยังไม่ได้ดำเนินการ ให้ทำตามขั้นตอนในหัวข้อเริ่มต้นใช้งานเพื่อสร้างรหัสแผนที่และรูปแบบแผนที่ใหม่ อย่าลืมเปิดใช้ย่าน ของฟีเจอร์

  2. รับการอ้างอิงเลเยอร์องค์ประกอบสถานที่ตั้งเมื่อแผนที่เริ่มต้น

    Java

    private FeatureLayer localityLayer;
    @Override public void onMapReady(GoogleMap map) { // Get the LOCALITY feature layer. localityLayer = map.getFeatureLayer(new FeatureLayerOptions.Builder() .featureType(FeatureType.LOCALITY) .build());
    // Apply style factory function to LOCALITY layer. styleLocalityLayer(); }

    Kotlin

    private var localityLayer: FeatureLayer? = null
    override fun onMapReady(googleMap: GoogleMap) { // Get the LOCALITY feature layer. localityLayer = googleMap.getFeatureLayer(FeatureLayerOptions.Builder() .featureType(FeatureType.LOCALITY) .build())
    // Apply style factory function to LOCALITY layer. styleLocalityLayer() }

  3. สร้างฟังก์ชันสไตล์แฟกทอรี แล้วนำไปใช้กับเลเยอร์องค์ประกอบสถานที่

    ตัวอย่างต่อไปนี้จะใช้ฟังก์ชันนี้เฉพาะในกรณีที่สถานที่ รหัสของฟีเจอร์คือ Hana, Hawaii ("ChIJ0zQtYiWsVHkRk8lRoB1RNPo") หากรหัสสถานที่ที่ระบุไม่ใช่ของฮานา ฮาวาย ระบบจะไม่ใช้สไตล์

    Java

    private void styleLocalityLayer() {
    // Create the style factory function. FeatureLayer.StyleFactory styleFactory = (Feature feature) -> {
    // Check if the feature is an instance of PlaceFeature, // which contains a place ID. if (feature instanceof PlaceFeature) { PlaceFeature placeFeature = (PlaceFeature) feature;
    // Determine if the place ID is for Hana, HI. if (placeFeature.getPlaceId().equals("ChIJ0zQtYiWsVHkRk8lRoB1RNPo")) {
    // Use FeatureStyle.Builder to configure the FeatureStyle object // returned by the style factory function. return new FeatureStyle.Builder() // Define a style with purple fill at 50% opacity and solid purple border. .fillColor(0x80810FCB) .strokeColor(0xFF810FCB) .build(); } } return null; };
    // Apply the style factory function to the feature layer. localityLayer.setFeatureStyle(styleFactory); }

    Kotlin

    private fun styleLocalityLayer() {
    // Create the style factory function. val styleFactory = FeatureLayer.StyleFactory { feature: Feature ->
    // Check if the feature is an instance of PlaceFeature, // which contains a place ID. if (feature is PlaceFeature) { val placeFeature: PlaceFeature = feature as PlaceFeature
    // Determine if the place ID is for Hana, HI. if (placeFeature.getPlaceId().equals("ChIJ0zQtYiWsVHkRk8lRoB1RNPo")) {
    // Use FeatureStyle.Builder to configure the FeatureStyle object // returned by the style factory function. return@StyleFactory FeatureStyle.Builder() // Define a style with purple fill at 50% opacity and // solid purple border. .fillColor(0x80810FCB.toInt()) .strokeColor(0xFF810FCB.toInt()) .build() } } return@StyleFactory null }
    // Apply the style factory function to the feature layer. localityLayer?.setFeatureStyle(styleFactory) }

นำการจัดสไตล์ออกจากเลเยอร์

หากต้องการนำการจัดรูปแบบออกจากเลเยอร์ ให้เรียก FeatureLayer.setFeatureStyle(null)