แชร์ผ่าน


สร้างแอปด้วยการป้อนที่อยู่และการควบคุมแผนที่

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

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

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

หากต้องการใช้การควบคุม คุณต้องเปิดใช้งาน บริการเชิงพื้นที่ สำหรับสภาพแวดล้อม

  • ดูวิดีโอนี้เพื่อเรียนรู้วิธีใช้การควบคุมการป้อนที่อยู่:

  • ดูวิดีโอนี้เพื่อเรียนรู้วิธีใช้การควบคุมแผนที่:

ในบทความนี้ เราจะเรียนรู้วิธีใช้การควบคุมการป้อนที่อยู่ในแอปพื้นที่ทำงาน

ข้อกำหนดเบื้องต้น

ในการดำเนินการบทเรียนนี้ให้เสร็จสมบูรณ์ คุณจะต้องมีสภาพแวดล้อม Power Apps พร้อมฐานข้อมูล Microsoft Dataverse หากคุณไม่มีสิทธิ์การใช้งาน คุณสามารถลงทะเบียน แผนสำหรับนักพัฒนา Power Apps หรือใช้ การทดลองใช้ Power Apps

สร้างสภาพแวดล้อมการทดลอง

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

แต่ละสภาพแวดล้อมสามารถมีได้หนึ่งฐานข้อมูล Dataverse

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

เรากำลังจะสร้างสภาพแวดล้อมทดลองที่จะรวมฐานข้อมูล Dataverse และข้อมูลตัวอย่างที่ใช้ในหัวข้อนี้

  1. ไปที่ ศูนย์การจัดการ Power Platform ในเว็บเบราว์เซอร์

  2. เลือก สภาพแวดล้อม

  3. เลือก สร้าง

  4. ป้อนชื่อ ตัวอย่างเช่น "Dataverse รุ่นทดลองใช้"

  5. เลือก รุ่นทดลองใช้ สำหรับชนิดสภาพแวดล้อม

  6. สลับ สร้างฐานข้อมูล เป็น ใช่

  7. เลือก ถัดไป

    สร้างสภาพแวดล้อมการทดลอง

  8. สลับ ปรับใช้แอปตัวอย่างและข้อมูล เป็น ใช่

  9. เลือก บันทึก

สภาพแวดล้อมการทดลองใช้ของคุณจะถูกสร้างขึ้น รวมถึงฐานข้อมูล Dataverse และข้อมูลตัวอย่างในตาราง Dataverse

เปิดใช้บริการเชิงพื้นที่สำหรับสภาพแวดล้อม

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

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

สร้างแอปพื้นที่ทำงาน

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

  1. สร้าง แอปพื้นที่ทำงานเปล่า ในสภาพแวดล้อมที่คุณสร้างขึ้น ก่อนหน้านี้

  2. เลือก แทรก > หน้าจอใหม่ > เลื่อนได้ เพื่อเพิ่มหน้าจอใหม่

    เลือกแบบเลื่อนได้

  3. เปลี่ยนข้อความป้ายชื่อเป็น "บัญชีใหม่"

    ส่วนหัว

  4. เลือก แทรก > ฟอร์ม > แก้ไข เพื่อเพิ่มฟอร์มลงในหน้าจอ

    เลือก แก้ไข

    เพิ่มการควบคุมฟอร์ม

    การควบคุมฟอร์มเพิ่มแล้ว

  5. อัปเดตคุณสมบัติของฟอร์มต่อไปนี้:

    คุณสมบัติ มูลค่า
    แหล่งข้อมูล บัญชีลูกค้าองค์กร
    คอลัมน์ 2
    DefaultMode FormMode.New
  6. เลือก แก้ไข ถัดจากฟิลด์เพื่อเพิ่มฟิลด์เพิ่มเติมในฟอร์ม และเลือกฟิลด์ที่อยู่ต่อไปนี้:

    • ที่อยู่ 1: ถนน 1
    • ที่อยู่ 1: เมือง
    • ที่อยู่ 1: รัฐ
    • ที่อยู่ 1: รหัสไปรษณีย์
    • ที่อยู่ 1: ประเทศ/ภูมิภาค
    • ที่อยู่ 1: ละติจูด
    • ที่อยู่ 1: ลองจิจูด

    คุณสมบัติที่อยู่

  7. ปรับลำดับของฟิลด์ที่แสดงด้านล่าง

    ชื่อบัญชีลูกค้าองค์กรและโทรศัพท์หลักในแถวแรก ที่อยู่ 1: ถนน 1 และที่อยู่ 1: เมืองในแถวที่สอง ที่อยู่ 1: รัฐ/จังหวัด และที่อยู่ 1: รหัสไปรษณีย์ในแถวที่สาม ที่อยู่ 1: ประเทศ/ภูมิภาค และที่อยู่ 1 : ละติจูดในแถวที่สี่ ที่อยู่ 1: ลองจิจูดในแถวที่ห้า

การควบคุมการป้อนข้อมูลที่อยู่

ในส่วนนี้ เราจะเพิ่มการควบคุม การป้อนข้อมูลที่อยู่ ไปยังแอป

  1. เลือก แทรก > การป้อนข้อมูล > การป้อนข้อมูลที่อยู่ เพื่อเพิ่มการควบคุมไปยังหน้าจอ

    เลือกตัวควบคุม การป้อนข้อมูลที่อยู่

  2. ย้ายการควบคุมขึ้นไปทางด้านขวาบนของหน้าจอ

    เพิ่มกล่องการป้อนข้อมูลที่อยู่

กำหนดค่าคุณสมบัติสำหรับการควบคุมการป้อนข้อมูลที่อยู่

ในส่วนนี้ เราจะตรวจสอบและหากจำเป็น ให้ตั้งค่าคุณสมบัติต่างๆ ของการควบคุมที่อยู่ มีไม่กี่คุณสมบัติเฉพาะการควบคุม การป้อนข้อมูลที่อยู่

ตัวควบคุม การป้อนข้อมูลที่อยู่

คุณสมบัติ รายละเอียด
การจำกัดผลการค้นหา จำนวนที่อยู่ที่แนะนำสำหรับการควบคุมจะแสดงขึ้น เราได้ตั้งค่าเป็น 5 ในตัวอย่างนี้ ดังนั้นจะมีที่อยู่ไม่เกินห้ารายการแสดงในการค้นหา
ค้นหาภายในรัศมี การควบคุมควรแนะนำที่อยู่ภายใน รัศมี ที่ผู้ใช้กำหนดของ ละติจูด และ ลองจิจูด เราได้ตั้งค่าเป็น ใช่ ในตัวอย่างนี้
ละติจูด ละติจูดของจุดกึ่งกลางที่ใช้โน้มเอียงคำแนะนำที่อยู่ทางภูมิศาสตร์ ต้องการให้เปิด ค้นหาภายในรัศมี เราได้ตั้งเป็นสูตร Location.Latitude ในตัวอย่างนี้เพื่อคืนค่าละติจูดของตำแหน่งปัจจุบัน
ลองจิจูด ลองจิจูดของจุดกึ่งกลางที่ใช้โน้มเอียงการแนะนำที่อยู่ทางภูมิศาสตร์ ต้องการให้เปิด ค้นหาภายในรัศมี เราได้ตั้งเป็นสูตร Location.Longitude ในตัวอย่างนี้เพื่อคืนค่าละติจูดของตำแหน่งปัจจุบัน
รัศมี รัศมีในหน่วยเมตรรอบๆ ละติจูด และ ลองจิจูด ที่จะจำกัดการแนะนำที่อยู่ ต้องการให้ ค้นหาภายในรัศมี เป็น เปิด เราได้ตั้งค่าเป็น 100000 ในตัวอย่างนี้
ภาษา ภาษาที่การแนะนำที่อยู่จะถูกส่งคืน เราปล่อยให้เป็นค่าเริ่มต้น - "อังกฤษ (สหรัฐอเมริกา)"
ชุดประเทศ รายการของประเทศ/ภูมิภาคที่คั่นด้วยเครื่องหมายจุลภาคเพื่อจำกัดการแนะนำที่อยู่ ในรหัสประเทศ ISO 3166 alpha-2 ตัวอย่าง: "US", "FR", "KW" เราได้ตั้งค่าเป็น US ในตัวอย่างนี้

กำหนดค่าคุณสมบัติผลลัพธ์สำหรับการควบคุมการป้อนข้อมูลที่อยู่

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

ตารางต่อไปนี้แสดงรายการคุณสมบัติของผลลัพธ์ที่พร้อมใช้

คุณสมบัติ รายละเอียด
UserInput ข้อความที่ผู้ใช้พิมพ์ลงในกล่องป้อนข้อมูล
SelectedLatitude ละติจูดของที่อยู่ที่ผู้ใช้เลือกในฟิลด์ป้อนข้อมูล
SelectedLongitude ลองจิจูดของที่อยู่ที่ผู้ใช้เลือกในฟิลด์ป้อนข้อมูล
SearchResultJson ผลลัพธ์การค้นหา (ตามคุณสมบัติ UserInput) แสดงเป็นสตริงในคุณสมบัติรูปแบบ JSON
FreeformAddress ที่อยู่ที่เลือกจากรายการที่อยู่ที่แนะนำ
LocalName การควบคุมที่อยู่ที่แสดงถึงชื่อของพื้นที่ทางภูมิศาสตร์หรือท้องที่ที่จัดกลุ่มออบเจ็กต์ที่สามารถระบุตำแหน่งได้หลายรายการเพื่อวัตถุประสงค์ในการระบุที่อยู่ โดยไม่ต้องเป็นหน่วยงานดูแลระบบ
PostalCode รหัสไปรษณีย์
ExtendedPostalCode รหัสไปรษณีย์ที่ขยาย
CountryCode รหัสประเทศ
ประเทศ ประเทศ
CountryCodeISO3 รหัสประเทศในรูปแบบ ISO alpha-3
CountrySubdivisionName ชื่อส่วนปกครองของประเทศ
StreetName ชื่อถนน
StreetNumber หมายเลขถนน
เขตปกครอง เขตปกครอง
MunicipalitySubdivision ส่วนปกครองของเขตปกครอง
CountryTertiarySubdivision ส่วนปกครองลำดับที่สามของประเทศ
CountrySecondarySubdivision ส่วนปกครองลำดับที่สองของประเทศ
CountrySubdivision ส่วนปกครองของประเทศ

เมื่อคุณเปิดแอปและเริ่มพิมพ์ที่อยู่ แอปจะแสดงที่อยู่ที่ตรงกับค่าที่ป้อนและอยู่ห่างจากตำแหน่งปัจจุบันไม่เกิน 100,000 เมตร นอกจากนี้ โปรดทราบว่าระบบจะไม่แสดงคำแนะนำที่อยู่มากกว่าห้ารายการในแต่ละครั้งเมื่อคุณเริ่มพิมพ์ที่อยู่

รายการที่อยู่

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

เราจะตั้งค่าการ์ดข้อมูลให้เป็นค่าคุณสมบัติที่เหมาะสมจากการป้อนข้อมูลที่อยู่

เคล็ดลับ

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

ปลดล็อกการควบคุม

การ์ดข้อมูล มูลค่า
ที่อยู่ 1: ถนน 1 AddressInput1.StreetNumber & " " & AddressInput1.StreetName
ที่อยู่ 1: เมือง AddressInput1.Municipality
ที่อยู่ 1: รัฐ/จังหวัด AddressInput1.CountrySubdivision
ที่อยู่ 1: รหัสไปรษณีย์ AddressInput1.PostalCode
ที่อยู่ 1: Datacard ประเทศ/ภูมิภาค AddressInput1.Country
ที่อยู่ 1: ละติจูด AddressInput1.SelectedLatitude
ที่อยู่ 1: ลองจิจูด AddressInput1.SelectedLongitude

ตัวอย่างสำหรับการ์ดข้อมูล ที่อยู่ 1: ถนน 1:

สูตรที่อยู่

ฟอร์มได้รับการเติมด้วยฟิลด์ที่อยู่ทั้งหมดเมื่อเลือกที่อยู่ในการควบคุม การป้อนข้อมูลที่อยู่

ฟอร์มสุดท้าย

การควบคุมแผนที่

ในส่วนนี้ เราจะดูวิธีการเพิ่มการควบคุม แผนที่ บนแอปเพื่อแสดงตำแหน่งที่เลือกบนแผนที่

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

    บนคุณสมบัติ OnAddressSelect ของการควบคุม การป้อนที่อยู่ ป้อนสูตรต่อไปนี้เพื่อสร้างคอลเลกชันที่เก็บข้อมูลที่อยู่

    ClearCollect(
        colSelectedAddress,
        {
            Street: AddressInput1.StreetNumber & " " & AddressInput1.StreetName,
            City: AddressInput1.Municipality,
            State: AddressInput1.CountrySubdivision,
            Zip: AddressInput1.PostalCode,
            Country: AddressInput1.Country,
            Latitude: AddressInput1.SelectedLatitude,
            Longitude: AddressInput1.SelectedLongitude
        }
    )
    

    สูตรการควบคุมแผนที่

  2. เลือกพื้นที่นอกการควบคุม การป้อนข้อมูลที่อยู่ และเลือก แทรก > สื่อ > แผนที่ เพื่อเพิ่มการควบคุมแผนที่ไปยังหน้าจอ

    เลือก แผนที่

  3. เลือกคอลเลกชันเป็นแหล่งข้อมูล

    เลือกการควบคุม

  4. ย้ายแผนที่ด้านล่างส่วนการป้อนข้อมูลที่อยู่

    วางแผนที่บนหน้าจอ

กำหนดค่าคุณสมบัติสำหรับการควบคุมแผนที่

ในส่วนนี้ เราจะตรวจสอบและหากจำเป็น ให้ตั้งค่าคุณสมบัติต่างๆ ของการควบคุมแผนที่

ตารางต่อไปนี้แสดงรายการคุณสมบัติที่พร้อมใช้งาน

คุณสมบัติ รายละเอียด
แหล่งข้อมูล(รายการ) แหล่งข้อมูล (ตาราง) ที่แสดงรายการชุดของลองจิจูดและละติจูดที่กำหนดไว้ล่วงหน้าเพื่อแสดงเป็นหมุดแผนที่บนแผนที่ เมื่อมีการโหลด แม็ปคอลัมน์แต่ละคอลัมน์ในข้อมูลของคุณโดยใช้ ItemAddresses ItemLongitudes ItemLatitudes และ ItemLabels
ใช้ตำแหน่งเริ่มต้น ระบุว่าจะเป็นแผนที่เริ่มต้นในตำแหน่งเริ่มต้นที่กำหนดโดยผู้ใช้หรือไม่
ลองจิจูดเริ่มต้น ลองจิจูดที่แผนที่จะไปเมื่อมีการโหลด ถ้า ใช้ตำแหน่งเริ่มต้น ถูกเปิดใช้งาน
ละติจูดเริ่มต้น ละติจูดที่แผนที่จะไปเมื่อมีการโหลด ถ้า ใช้ตำแหน่งเริ่มต้น ถูกเปิดใช้งาน
ระดับการย่อ/ขยายเริ่มต้น ระดับการย่อ/ขยายที่แผนที่จะถูกตั้งค่าเป็นเวลาที่มีการโหลด ถ้า ใช้ตำแหน่งเริ่มต้น ถูกเปิดใช้งาน
แสดงตำแหน่งปัจจุบัน แผนที่ควรแสดงตำแหน่งปัจจุบันของผู้ใช้
ละติจูดของตำแหน่งปัจจุบัน ละติจูดของตำแหน่งปัจจุบันของผู้ใช้ หาก แสดงตำแหน่งปัจจุบัน เปิดใช้งาน
ลองจิจูดของตำแหน่งปัจจุบัน ลองจิจูดของตำแหน่งปัจจุบันของผู้ใช้ หาก แสดงตำแหน่งปัจจุบัน เปิดใช้งาน
มุมมองดาวเทียม ระบุว่าสไตล์ของแผนที่จะเป็นมุมมองจากดาวเทียมหรือมุมมองถนน
จัดกลุ่มหมุด ระบุว่าจะเป็นหมุดแผนที่จะถูกจัดคลัสเตอร์หรือไม่
การควบคุมการย่อ/ขยาย กำหนดว่าการควบคุมการย่อ/ขยายจะปรากฏบนแผนที่หรือไม่
การควบคุมเข็มทิศ กำหนดว่าการควบคุมเข็มทิศจะปรากฏบนแผนที่หรือไม่
การควบคุมระยะห่าง กำหนดว่าการควบคุมระยะห่างจะปรากฏบนแผนที่หรือไม่
สีหมุด สีของหมุด
ItemsLabels คอลัมน์ในรายการที่มีสตริงที่คุณต้องการใช้เป็นป้ายชื่อสำหรับหมุด
ItemsAddresses คอลัมน์ในรายการที่มีสตริงที่แสดงถึงตำแหน่งของหมุด
ItemsLongitudes ชื่อของคอลัมน์ในตารางในแหล่งข้อมูลของคุณที่มีเลขทศนิยมลอยตัวที่แสดงตำแหน่งลองจิจูดของหมุด
ItemsLatitudes ชื่อของคอลัมน์ในตารางในแหล่งข้อมูลของคุณที่มีเลขทศนิยมลอยตัวที่แสดงตำแหน่งละติจูดของหมุด
ItemsColors สีของหมุด
ItemsIcons ไอคอนของหมุด
รายการ ชื่อของตารางในแหล่งข้อมูลของคุณที่มีเรกคอร์ดทั้งหมดที่คุณต้องการลงจุดในแผนที่โดยใช้หมุด แถวแต่ละแถวต้องมีรายการสำหรับป้ายชื่อ ลองจิจูด และละติจูด สำหรับแถวแต่ละแถว
OnMapClick แผนที่ตอบสนองอย่างไรเมื่อมีการเลือกตำแหน่งใดๆ
OnSelect แอปตอบสนองอย่างไรเมื่อมีการเลือกหมุดบนแผนที่
OnLoad แอปตอบสนองอย่างไรเมื่อโหลดแผนที่เสร็จสิ้น
OnItemsChange แอปตอบสนองอย่างไรเมื่อหมุดบนแผนที่เปลี่ยนแปลง
แสดงบัตรข้อมูล กำหนดว่าบัตรข้อมูลปรากฏบนหมุดของแผนที่หรือไม่
แสดงรูปทรง ไม่ว่ารูปทรงใน Shapes_Items จะปรากฏบนแผนที่หรือไม่
แสดงป้ายชื่อรูปทรง ไม่ว่าป้ายชื่อจะปรากฏบนรูปทรงของแผนที่หรือไม่
เปิดใช้งานการวาดรูปทรง กำหนดว่าการควบคุมเครื่องมือการวาดจะปรากฏบนแผนที่หรือไม่
เปิดใช้งานการลบรูปทรงและการแก้ไขป้ายชื่อ ไม่ว่าจะสามารถลบรูปทรงและแก้ไขป้ายชื่อบนแผนที่ได้หรือไม่
Shapes_Items ชื่อของตารางในแหล่งข้อมูลของคุณที่มีเรกคอร์ดทั้งหมดพร้อมออบเจ็กต์ GeoJSON ที่คุณต้องการแสดงในแผนที่เป็นรูปทรง
ShapeGeoJSONObjects ชื่อของคอลัมน์ในตารางในแหล่งข้อมูลของคุณพร้อมสตริงที่แสดงถึงวัตถุ GeoJSON ของรูปทรง
ShapeLabels คอลัมน์ใน Shapes_Items ที่มีสตริงที่คุณต้องการใช้เป็นป้ายชื่อสำหรับรูปทรง
ShapeColors สีของรูปทรง
OnShapeSelected แอปตอบสนองอย่างไรเมื่อมีการเลือกรูปทรงบนแผนที่
OnShapeCreated แอปตอบสนองอย่างไรเมื่อมีการสร้างรูปทรงบนแผนที่
OnShapeEdited แอปตอบสนองอย่างไรเมื่อมีการแก้ไขรูปทรงบนแผนที่
OnShapeDeleted แอปตอบสนองอย่างไรเมื่อมีการลบรูปทรงบนแผนที่

กำหนดค่าคุณสมบัติผลลัพธ์สำหรับการควบคุมแผนที่

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

ตารางต่อไปนี้แสดงรายการคุณสมบัติของผลลัพธ์ที่พร้อมใช้

คุณสมบัติ รายละเอียด
CenterLocation ตำแหน่งส่วนกลางของแผนที่เป็น .Latitude หรือ .Longitude ผลลัพธ์จะเป็นจำนวนเต็ม ตัวอย่างเช่น การเรียกใช้ Map1.CenterLocation.Latitude จะแสดงผลเป็นจำนวนเต็มเดียว เช่น "47.60357"
ที่เลือกไว้ หมุดที่เลือกบนแผนที่
SelectedItems หมุดที่เลือกหรือหมุดของคลัสเตอร์ที่เลือกบนแผนที่
GeocodedItems ตำแหน่งพิกัดทางภูมิศาสตร์ของหมุดบนแผนที่
ClickedLocation ตำแหน่งที่คลิกของแผนที่ล่าสุดเป็น .Latitude หรือ .Longitude
Shapes_Selected เรกคอร์ดของรูปทรงที่เลือกจาก Shapes_Items
Shapes_SelectedItems เรกคอร์ดของรูปทรงที่ทับซ้อนกันที่เลือกจาก Shapes_Items
SelectedShape รูปทรงที่เลือกบนแผนที่ด้วย .Perimeter และ .Area
DeletedShape รูปทรงที่ลบสุดท้ายบนแผนที่ด้วย .Perimeter และ .Area
GeoJSON รายการของรูปทรงบนแผนที่ (เป็นคอลเลกชันคุณลักษณะของรูปแบบ GeoJSON)

ในการปักหมุดที่อยู่ที่ป้อนในการป้อนข้อมูลที่อยู่ เราจะใช้คอลเลกชันที่เราสร้างขึ้นบนคุณสมบัติ OnAddressSelect และใช้ในการควบคุมแผนที่

คุณสมบัติ มูลค่า
รายการ colSelectedAddress
ItemsLatitudes colSelectedAddress.Latitude
ItemsLongitude colSelectedAddress.Longitude

คุณสมบัติของการควบคุมแผนที่

คุณสมบัติบางอย่างของหมุดที่สามารถกำหนดเองได้ต่อหมุดตำแหน่งอธิบายไว้ด้านล่าง:

  1. ItemsColors - หากต้องการอัปเดตสีของหมุดเป็นสีที่ต่างกันสำหรับแต่ละตำแหน่ง ให้เพิ่มคอลัมน์ในคอลเลกชัน สี: สีแดง และใช้ในคุณสมบัติข้อมูล ItemsColors ของการควบคุม แผนที่

  2. ItemsLabels - หากต้องการอัปเดตป้ายชื่อของหมุดเป็นป้ายชื่อที่ต่างกันเพื่อแสดงที่อยู่สำหรับแต่ละตำแหน่ง ให้เพิ่มคอลัมน์ในคอลเลกชัน ป้ายกำกับ:AddressInput1.FreeformAddress และใช้ในคุณสมบัติข้อมูล ItemsLabels ของการควบคุม แผนที่

  3. ItemsIcons - หากต้องการเปลี่ยนไอคอนของหมุดสำหรับแต่ละตำแหน่ง ให้เพิ่มคอลัมน์ลงในคอลเลกชันและใช้ในคุณสมบัติข้อมูล ItemsIcons ของการควบคุม แผนที่ ในตัวอย่างนี้ เราจะเพิ่มไอคอนสามเหลี่ยมที่มีสูตรเป็น Icon: triangle

    เคล็ดลับ

    สำหรับรายการไอคอนทั้งหมด ไปที่ รายการเทมเพลตรูปภาพ

    ClearCollect(
        colSelectedAddress,
        {
            Street: AddressInput1.StreetNumber & " " & AddressInput1.StreetName,
            City: AddressInput1.Municipality,
            State: AddressInput1.CountrySubdivision,
            Zip: AddressInput1.PostalCode,
            Country: AddressInput1.Country,
            Latitude: AddressInput1.SelectedLatitude,
            Longitude: AddressInput1.SelectedLongitude,
            Label: AddressInput1.FreeformAddress,
            Color: Red,
            Icon: Triangle
        }
    );
    

หลังจากเพิ่มสิ่งเหล่านี้ลงในคอลเลกชันแล้ว ให้ไปที่แท็บ ขั้นสูง ของการควบคุม แผนที่ และอัปเดต ItemsColors ItemsLabels และคุณสมบัติ ItemsIcons

คุณสมบัติขั้นสูงของการควบคุมแผนที่

การเรียกใช้แอปในโหมดแสดงตัวอย่างเพื่อทดสอบ แผนที่แสดงตำแหน่งที่เลือกในการป้อนที่อยู่ด้วยไอคอนสามเหลี่ยม และที่อยู่จะแสดงเป็นป้ายชื่อบนแผนที่

อัปเดตที่อยู่ของตัวควบคุม แผนที่

ดูเพิ่มเติม

ตัวควบคุม Interactive แผนที่