Scribble Maps Blog

การครอบตัดแผนที่, TMS, และ WMS!

October 16, 2017

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

ขอแนะนำโมดูลเลเยอร์พื้นฐาน (Base Layers Module)

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

การครอบตัดแผนที่

การครอบตัดแผนที่ช่วยให้คุณสามารถนำรูปหลายเหลี่ยม (polygon) ใดๆ หรือหลายๆ รูปมาครอบตัดส่วนที่เหลือของแผนที่ออกไป

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

วิธีการเพิ่มการครอบตัดแผนที่

มีสองวิธีในการเพิ่มการครอบตัด วิธีแรกคือคลิกปุ่ม + ในโมดูลเลเยอร์พื้นฐาน วิธีที่สองคือคลิก ... ถัดจากเลเยอร์ซ้อนทับ (overlay) แล้วคลิก "Add Map Crop"

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

เลเยอร์ WMS

WMS ย่อมาจาก Web Map Service และเป็นวิธีหนึ่งในการนำชุดข้อมูลภายนอกเข้ามาแสดงบนแผนที่ การค้นหา URL ของ WMS อย่างรวดเร็วบน Google จะแสดงผลลัพธ์มากมาย แต่เพื่อให้คุณได้ทดลองเล่น เราจะจัดเตรียม URL หนึ่งจากรัฐบาลแคนาดาซึ่งเกี่ยวกับสภาพอากาศไว้ให้ที่นี่

http://geo.weather.gc.ca/geomet/

ทำตามขั้นตอนเหล่านี้เพื่อนำเลเยอร์ WMS เข้ามาแสดงบนแผนที่ของคุณ

#1 คลิก + ใน Base Layers แล้วคลิก "Add WMS"

#2 ในแผงควบคุม WMS ให้คัดลอกและวาง URL ของ WMS

#3 นำทางไปยังเลเยอร์ที่คุณต้องการแล้วคลิก "Add WMS Layer"

#4 ดูข้อมูลของคุณ!

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

เลเยอร์ TMS

เลเยอร์ TMS (Tile Map Service) มีความคล้ายคลึงกับเลเยอร์ WMS แต่คุณไม่จำเป็นต้องเลือกเลเยอร์เพิ่มเติม คุณเพียงแค่ต้องระบุ URL เท่านั้น URL ของ TMS จะมี {X}, {Y}, และ {Z} อยู่ใน URL และจะมีลักษณะประมาณนี้ https://www.websiteprovider/tiletype/{X}/{Y}/{Z} ซึ่งผู้ให้บริการแต่ละรายจะแตกต่างกันไป มีผู้ให้บริการแผนที่แบบไทล์ (tile map service) ที่ยอดเยี่ยมมากมาย เช่น MapBox.