Скачать или смотреть เขียนเว็บสร้างแผนที่ | React Leaflet | Form กรอกข้อมูล #17

Bootstrap นะครับ
https://react-bootstrap.github.io/get...

CSS
import 'bootstrap/dist/css/bootstrap.min.css';

FlatIcon นะครับ
https://www.flaticon.com/free-icon/ma...

ข้อมูล API จาก NASA นะครับ
https://firms.modaps.eosdis.nasa.gov/...

FireMarker นะครับ
https://drive.google.com/file/d/1o_gj...

ข้อมูล GeoJSON ที่ผมได้แปลงไว้แล้วนะครับ
https://github.com/tamphimai007/Works...
ปุ่ม download อยู่ล่างๆ ขวา นะครับ

อ้างอิงนะครับ การใช้งาน GeoJSON
https://leafletjs.com/reference.html#...

ต้องขอขอบพระคุณข้อมูลจากท่านอาจารย์นะครับ
https://github.com/prasertcbs/thailan...

เว็บสำหรับแปลงและดูข้อมูลครับ
https://geojson.io/#map=4.93/13.05/10...

https://react-leaflet.js.org/docs/exa...

https://leafletjs.com/reference.html#...

1. ตัวอย่างไฟล์ CSV ในคลิปนะครับ
https://drive.google.com/file/d/1_CGW...

2. Marker นะครับ
https://drive.google.com/file/d/1z111...

3.Function นะครับ เนื่องจากมีการ loop ไม่สามารถแปะอักขระในช่องนี้ได้นะครับ ผมขอแปะไว้ใน github นะครับ
https://github.com/tamphimai007/Works...

4. TURF.js
https://turfjs.org/getting-started/

5. Rotate Marker นะครับ
https://www.npmjs.com/package/leaflet...

ลิงค์ตัวอย่างไฟล์ต้นฉบับนะครับ
https://datamillnorth.org/dataset/fli...


/*-------------------------------------------------------------*/

3. Link papaparse นะครับ
https://www.papaparse.com/docs


Link สำหรับเลือกแผนที่ฐาน Basemap นะครับ
https://leaflet-extras.github.io/leaf...


เว็บ React-leaflet Official ครับ
https://react-leaflet.js.org/

สวัสดีครับ พบกับผมกับช่อง รอยไถ พัฒนา นะครับ สำหรับ Workshop นี้จะเป็นการเขียนเว็บแอพพลิเคชั่นเกี่ยวกับแผนที่ นะครับ

เราจะนำข้อมูลต่างๆ ที่สามารถแสดงบนแผนที่ได้มาแสดงนะครับเช่น
1. Point ( จุด )
2. Line ( เส้น )
3. Polygon ( รูปทรงปิด )
4. GeoJSON
5. URL Service, WMS
6. Shapefile
7. CSV file

ข้อมูล Spatial Data ข้อมูลเชิงพื้นที่ทั้งหลายนะครับ เดี๋ยวเรามาลุยไปพร้อมๆ กันเลยนะครับ
#leaflet
#react
#เขียนเว็บ

สุดท้ายนี้กระผมก็ขอขอบพระคุณทุกๆ ท่านนะครับ ที่สนับสนุนช่อง รอยไถ พัฒนา ตลอดมาครับ

ขอบคุณที่ร่วมเดินทางไปด้วยกันครับ ขอบคุณครับ
"รอยไถ พัฒนา"