Add Thaichote WMTS Service in Leaflet

การเพิ่มชั้นข้อมูลภาพจากดาวเทียมไทยโชติ GISTDA ใน Leaflet โดยการเรียกแบบ WMTS service สามารถเพิ่มได้ดัง code ด้านล่างนี้ครับ Advertisements

วิธีเพิ่มแผนที่ Google Maps ในโปรแกรม QGIS 3-Girona

มีหลายๆ ท่านคงเจอปัญหาเดียวกันกับผม ว่าจะทำอย่างไรดีถึงเรียกเอา map service จาก Google Maps มาใส่ใน QGIS 3 (Girona) ได้ ซึ่งน่าเสียดายมากเลยครับเพราะว่า QGIS 2 นั้นสามารถเรียกผ่านจากปลั๊กอินได้เลย อาทิเช่น OpenLayers Plugin, QuickMapServices,  AusMap เป็นต้น เหตุที่เป็นเช่นนี้อาจจะเป็นผลมาจาก QGIS 3 ได้มีการปรับเปลี่ยนการพัฒนาปลั๊กอินโดยใช้ Python3 แทน

การปรับแต่งสัญลักษณ์แผนที่ใน GeoServer ด้วยการเขียนแบบ CSS

การปรับแต่งสัญลักษณ์ข้อมูลแผนที่ใน GeoServer ไม่ว่าจะเป็นแบบข้อมูลเวกเตอร์หรือข้อมูลราสเตอร์ หลายๆท่านที่เคยใช้ GeoServer มาแล้ว คงจะคุ้นเคยกันดีในการปรับแต่งสัญลักษณ์ในรูปแบบ SLD หรือ SE ซึ่งอยู่ในโครงสร้างเอกสารแบบ XML วันนี้ผมได้มีโอกาสเขียนเนื้อหาเกี่ยวกับการใช้ CSS Style มาใช้ร่วมกับ GeoServer โดยรูปแบบการเขียนนั้นจะเขียนง่ายและสั้นกว่าเดิม ก่อนที่จะใช้ CSS Style ได้นั้นเราต้องทำการติดตั้ง Extension ของ GeoServer ก่อนนะครับ

เริ่มต้นใช้งาน Leaflet สำหรับพัฒนาแผนที่ออนไลน์

ในปัจจุบันหลาย ๆ ท่านคงน่าจะคุ้นเคยกับแผนที่ออนไลน์จากผู้ให้บริการต่าง ๆ เช่น Google Map , Bing Map หรือจะเป็นแผนที่แบบ Vecter ด้วย Highmap (https://www.highcharts.com/maps/demo) เป็นต้น แต่สำหรับครั้งนี้เราจะนำเสนอ Leaflet ซึ่งเป็น JavaScript library ที่นำมาใช้พัฒนาแผนที่ออนไลน์ได้อย่างง่ายดายและสามารถปรับแต่งแผนที่ได้ตามใจเรา

การปรับแต่งคุณสมบัติของข้อมูลพื้นที่ (Polygon) ให้โปร่งแสงและสามารถ Identify ข้อมูลเชิงบรรยายได้ ด้วย SLD ใน GeoServer

ผมเชื่อว่าทุกคนน่าจะพบปัญหานี้ ซึ่งมีอยู่ว่าเราต้องการจะทำให้ชั้นข้อมูลในรูปแบบพื้นที่รูปปิด (Polygon) นั่นโปร่งแสง (transparent) ให้เหลือแค่เส้นขอบในโปรแกรม GeoServer ตัวอย่างเช่น ชั้นข้อมูลขอบเขตการปกครอง เป็นต้น แต่ทีนี้ปัญหาที่ตามก็คือเมื่อมันเหลือแค่เส้นขอบแผนที่ ทำให้เมื่อเราคลิก Identify ชั้นข้อมูลในแต่ละ feature นั้นจะไม่มีข้อมูลเชิงบรรยาย (attribute) ปรากฏออกมา

การสร้างแผนที่ออนไลน์แบบ Vector ด้วย Highmaps

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