สอน Full Stack การใช้แผนที่ | GeoLocation & Turf.js | React-Leaflet #10

สวัสดีครับ ก่อนอื่นผมก็ต้องขอขอบพระคุณมากๆ เลยนะครับที่ให้เกียรติเข้ามารับชมช่อง "รอยไถ พัฒนา" @roitai-dev ‪@roitai-dev‬ ช่องเกษตรอินทรีย์นะครับ
สำหรับคลิปนี้เราจะมาต่อยอดโปรเจคกันนะครับ ที่ขอเข้ามาคือ การ CRUD ข้อมูล เกี่ยวกับแผนที่นะครับ Full Stack React-Leaflet เราจะใช้เว็บแผนที่ จาก leaflet นะครับ
ในคลิปนี้เราจะได้กำหนดพื้นที่ และดึงพิกัดของ User ด้วย GeoLocation และทำการหาว่า จุดที่ User เข้าใช้งานอยู่ในพื้นที่ที่เรากำหนดไว้หรือไม่ เราจะได้ค่า True & False ด้วยการใช้ Tool เครื่องมือจาก Turf.JS นั้นคือ booleanPointInPolygon
1. URL ที่รวบรวมแผนที่ฐานนะครับ Leaflet Basemap
leaflet-extras...
1. การใช้งาน Turf.JS เพิ่มเติม
turfjs.org/
2.ข้อมูลขอบเขตจังหวัด
gist.github.co...
3. การใช้งาน GeoJSON
react-leaflet....
การปรับแต่งชั้นข้อมูล
leafletjs.com/...
คลิปหลังบ้านนะครับ
สอน Node.js + Express.js สำหรับผู้เริ่มต้น API CRUD ของแทร่ #1
• สอน Node.js + Express....
ดาวน์โหลดโค้ดที่
github.com/tam...
1. react-leaflet
react-leaflet....
2. สำหรับ bootstrap
getbootstrap.c...
3. สำหรับศึกษาเพิ่มเติม
ant.design/
ขอบพระคุณมากๆ เลยนะครับที่เขามารับชม
ถ้าถูกใจ สามารถร่วมบริจาคได้ตามกำลังศรัทธาเลยนะครับ
Donate
Promptpay พร้อมเพย์ : 0984106002
พงศ์พัฒน์
Support me:
www.buymeacoff...
#nodejs
#fullstack
#เขียนเว็บ
การใช้งาน React ใช้หน้าล็อกอินและสมัครสมาชิก Login & Register แบบง่ายๆ Step by Step
สอนใช้งาน React
สอนเขียนโปรแกรม
คอร์สเรียน React ฟรี, คอร์สเรียน Full stack,
Login Line, Line login react
วิธีทำ react line login ล็อคอิน
ในคลิปนี้ สอนวิธีทำ React Login Facebook นะครับ

[@BoldBrainBox]

ขอบคุณครับ the best🎉

[@chin7729]

เม้นเเรก ยาวไปๆ5555 ชอบเวิคช็อปนี้ครับ จะได้เอามาต่อยอดโปรเจ็ค