เพิ่มพื้นหลังของแผนที่

คุณสามารถเพิ่มพื้นหลัง Google, Baidu และ Web Map Service อื่นๆ เพื่อใช้ในการแสดงข้อมูลได้

หัวข้อต่างๆ มีดังนี้

เพิ่มพื้นหลัง Google Map

คุณสามารถเพิ่มพื้นหลัง Google Map เพื่อใช้ในการแสดงข้อมูลแผนที่

  1. บนโฮมเพจ ให้คลิก นาวิเกเตอร์ ไอคอนนาวิเกเตอร์ที่ใช้เพื่อแสดงนาวิเกเตอร์ แล้วคลิก คอนโซล
  2. ในคอนโซล ให้เลือก แผนที่ คลิก พื้นหลัง แล้วคลิก พื้นหลังแผนที่
  3. คลิก เพิ่มพื้นหลัง และเลือก Google จากลิสต์
  4. ป้อนคำแนะนำที่มีประโยชน์ หากจำเป็น
  5. คลิก ประเภทบัญชีแอคเคาท์ เพื่อเลือกแอคเคาท์ของคุณ
  6. คัดลอกและวางในคีย์การเข้าใช้ Google Maps API ของคุณ

    ในการใช้ไทล์ของ Google Maps คุณต้องขอรับคีย์การเข้าใช้ Google Maps API จาก Google Google จะให้คุณป้อนคีย์การเข้าใช้ Maps API และ “ID ไคลเอนต์” ของ Google ถ้ามี การใช้ไทล์เหล่านี้จะต้องเป็นไปตามข้อกำหนดการให้บริการที่ Google ระบุไว้ใน ข้อกำหนดการให้บริการของ Google Developers Site

  7. คลิก ประเภทแผนที่ดีฟอลต์ หากมี
  8. คลิก บันทึก เพื่อรวมแผนที่นี้ในลิสต์พื้นหลังของแผนที่ที่ใช้ได้

เพิ่มพื้นหลัง Baidu Map

คุณสามารถเพิ่มพื้นหลัง Baidu Map เพื่อใช้ในการแสดงข้อมูลแผนที่

  1. บนโฮมเพจ ให้คลิก นาวิเกเตอร์ ไอคอนนาวิเกเตอร์ที่ใช้เพื่อแสดงนาวิเกเตอร์ แล้วคลิก คอนโซล
  2. ในคอนโซล ให้เลือก แผนที่ คลิก พื้นหลัง แล้วคลิก พื้นหลังแผนที่
  3. คลิก เพิ่มพื้นหลัง และเลือก Baidu จากลิสต์
  4. ป้อนคำแนะนำที่มีประโยชน์ หากจำเป็น
  5. คัดลอกและวางในคีย์การเข้าใช้ Baidu Maps API ของคุณ

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

  6. คลิก ฉันตกลงที่จะเชื่อถือโฮสต์ภายนอกนี้ หากมี
  7. คลิก บันทึก เพื่อรวมแผนที่นี้ในลิสต์พื้นหลังของแผนที่ที่ใช้ได้
  8. สำหรับ Baidu Maps ใน Analytics Cloud คุณต้องเพิ่ม URL ต่อไปนี้เป็นโดเมนที่ปลอดภัย คุณสามารถทำเช่นนี้ในคอนโซลจากเพจ โดเมนที่ปลอดภัย
    • *.map.baidu.com [Image, Script]
    • *.map.bdimg.com [Image, Script]
    • *.bdstatic.com [Image, Script]

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

เพิ่มพื้นหลังของบริการแผนที่บนเว็บ (WMS)

คุณสามารถเพิ่มพื้นหลังของบริการแผนที่บนเว็บเพื่อใช้ในการแสดงข้อมูลแผนที่

พื้นหลังของบริการแผนที่บนเว็บจะโฮสต์อยู่บนเว็บเซิร์ฟเวอร์แบบไดนามิคโดยใช้โปรโตคอลบริการแผนที่บนเว็บ (WMS) โดยสามารถใช้พื้นหลังเหล่านั้นในการผสานรวมแผนที่ซึ่งมีข้อมูลที่คุณอาจไม่มีในองค์กร และนำเสนอควบคู่กับข้อมูลของคุณได้ง่ายๆ
  1. บนโฮมเพจ ให้คลิก นาวิเกเตอร์ ไอคอนนาวิเกเตอร์ที่ใช้เพื่อแสดงนาวิเกเตอร์ แล้วคลิก คอนโซล
  2. ในคอนโซล ให้เลือก แผนที่ คลิก พื้นหลัง แล้วคลิก พื้นหลังแผนที่
  3. คลิก เพิ่มพื้นหลัง และเลือก บริการแผนที่บนเว็บ จากลิสต์
  4. คลิกแท็บ ทั่วไป แล้วป้อนชื่อและคำอธิบาย
  5. ใน URL ให้ป้อน URL แบบเต็มสำหรับบริการแผนที่บนเว็บ

    ติดต่อผู้ให้บริการแผนที่บนเว็บของคุณเพื่อหา URL ที่ถูกต้อง

    ตัวอย่างเช่น https://www.gebco.net/data_and_products/gebco_web_services/web_map_services/mapserv

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

    ระบบการอ้างอิงพิกัด จะแสดงระบบการอ้างอิงที่ผู้ให้บริการโฮสต์ใช้อยู่โดยอัตโนมัติ ค่าดีฟอลต์ EPSG:3857 คือระบบพิกัดที่ใช้ในการฉายแผนที่เป็นแบบ 2 มิติ วางเคอร์เซอร์เหนือไอคอนคำแนะนำเครื่องมือเพื่อดูรายละเอียด

  6. คลิก ฉันเชื่อถือโฮสต์ภายนอกนี้ เพื่อเพิ่มโฮสต์ดังกล่าวลงในลิสต์โดเมนที่ปลอดภัยของคุณโดยอัตโนมัติ
  7. ในส่วน เลเยอร์ ให้ป้อนชื่อเลเยอร์แผนที่พื้นหลังแต่ละรายการที่คุณต้องการใช้ คลิกเครื่องหมายกากบาท (x) เพื่อย้ายเลเยอร์ออก
  8. คลิก รูปแบบ หากคุณต้องการเปลี่ยนประเภทรูปภาพ
  9. แสดงแท็บ พารามิเตอร์ และคลิก เพิ่มพารามิเตอร์

    พารามิเตอร์ที่คุณป้อนจะรวมอยู่ใน URL และใช้บอกเซิร์ฟเวอร์ที่โฮสต์ว่าจะให้แสดงอะไรในพื้นหลังแผนที่ (เช่น ประเภทรูปภาพ เลเยอร์ ข้อมูลภูมิศาสตร์ของแผนที่ ขนาดรูปภาพที่แสดง)

  10. ป้อนพารามิเตอร์ที่คุณต้องการส่งผ่านใน URL ไปยังเซิร์ฟเวอร์โฮสต์ในรูปแบบ key:value

    ใช้ URL นี้ค้นหาพารามิเตอร์ที่คุณสามารถใช้กับบริการแผนที่บนเว็บนี้ได้:

    http://<url_of_the_map_server>?request=getCapabilities&service=wms

  11. คลิก บันทึก เพื่อเพิ่มเลเยอร์แผนที่พื้นหลังลงในลิสต์พื้นหลังแผนที่ที่ใช้ได้

    คุณต้องรีเฟรชเพจเพื่อดูการเปลี่ยนแปลง

  12. คลิก แสดงตัวอย่าง เพื่อแสดงตัวอย่างพื้นหลังแผนที่

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

เพิ่มพื้นหลังของแผนที่บนเว็บแบบไทล์ (XYZ)

คุณสามารถเพิ่มพื้นหลังของแผนที่บนเว็บแบบไทล์ (XYZ) และใช้ในการแสดงข้อมูลแผนที่ได้

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

คุณคอนฟิเกอร์สตริง URL ของไทล์เพื่อระบุไทล์เวกเตอร์หรือภาพแผนที่แบบไทล์ราสเตอร์ที่จะโหลด โฮสต์จะประเมินแต่ละสตริงและระบุว่าจะโหลดไทล์ใด

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

  • https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/256/{z}/{x}/{y}
  • https://api.mapbox.com/styles/v1/mapbox/satellite-v9/tiles/256/{z}/{x}/{y}
  • https://api.mapbox.com/styles/v1/mapbox/light-v10/tiles/256/{z}/{x}/{y}
  • https://api.mapbox.com/styles/v1/mapbox/dark-v10/tiles/256/{z}/{x}/{y}
  • https://api.mapbox.com/styles/v1/mapbox/outdoors-v11/tiles/256/{z}/{x}/{y}
  1. บนโฮมเพจ ให้คลิก นาวิเกเตอร์ ไอคอนนาวิเกเตอร์ที่ใช้เพื่อแสดงนาวิเกเตอร์ แล้วคลิก คอนโซล
  2. ในคอนโซล ให้เลือก แผนที่ คลิก พื้นหลัง แล้วคลิก พื้นหลังแผนที่
  3. คลิก เพิ่มพื้นหลัง และเลือก แผนที่บนเว็บแบบไทล์ จากลิสต์
  4. คลิกแท็บ ทั่วไป แล้วป้อนชื่อและคำอธิบาย
  5. ใน URL ให้ป้อน URL แบบเต็มสำหรับบริการแผนที่บนเว็บแบบไทล์ของโฮสต์
  6. คลิกไอคอนเครื่องหมายบวก (+) เพื่อป้อน URL เซิร์ฟเวอร์เพิ่มเติมในโดเมนเดียวกันสำหรับการแบ่งงาน
  7. คลิก ฉันเชื่อถือโฮสต์ภายนอกนี้ เพื่อเพิ่มโฮสต์ดังกล่าวลงในลิสต์โดเมนที่ปลอดภัยของคุณโดยอัตโนมัติ
  8. แสดงแท็บ พารามิเตอร์ และคลิก เพิ่มพารามิเตอร์

    พารามิเตอร์ที่คุณป้อนจะรวมอยู่ใน URL และใช้บอกเซิร์ฟเวอร์ที่โฮสต์ว่าจะให้แสดงอะไรในพื้นหลังแผนที่ (เช่น ประเภทรูปภาพ เลเยอร์ ข้อมูลภูมิศาสตร์ของแผนที่ ขนาดรูปภาพที่แสดง)

    ตัวอย่างเช่น คุณอาจป้อน access_token พร้อมค่า exampleaccessTokenXyZ123456789nnnxxxZZz

    ติดต่อผู้ให้บริการของคุณเพื่อขอรายละเอียด

  9. ป้อนพารามิเตอร์ที่คุณต้องการส่งผ่านใน URL ไปยังเซิร์ฟเวอร์โฮสต์ในรูปแบบ key:value
  10. คลิก บันทึก เพื่อเพิ่มแผนที่บนเว็บแบบไทล์ที่ระบุไปยังลิสต์พื้นหลังของแผนที่ที่ใช้ได้

    คุณต้องรีเฟรชเพจเพื่อดูการเปลี่ยนแปลง

  11. คลิก แสดงตัวอย่าง เพื่อแสดงตัวอย่างพื้นหลังแผนที่

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

เคล็ดลับในการแก้ไขปัญหาพื้นหลังของแผนที่บนเว็บ

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

ใช้เมธอดเหล่านี้เพื่อค้นหาและวินิจฉัยข้อผิดพลาดจากรูปภาพพื้นหลังของแผนที่บนเว็บ:

  • คลิก F12 เพื่อแสดงแอปพลิเคชันเครื่องมือนักพัฒนาของเบราเซอร์และค้นหาข้อผิดพลาดในแท็บคอนโซลของเบราเซอร์ ตัวอย่างเช่น ค้นหา error หรือ CORS ข้อความแสดงข้อผิดพลาดจะแสดงขึ้นเป็นสีแดง
  • หากคุณเห็นข้อความแสดงข้อผิดพลาดที่คล้ายกับ การเข้าถึงรูปภาพที่ http://example.com ถูกบล็อกโดยข้อกำหนด CORS... โปรดติดต่อผู้ให้บริการโฮสต์เพื่อแก้ไขปัญหา ข้อความแสดงข้อผิดพลาดที่อ้างอิงถึงข้อกำหนด Cross Origin Resource Sharing (CORS) สามารถแก้ไขได้โดยผู้ให้บริการโฮสต์เท่านั้น