สอน Full Stack การใช้แผนที่ | ขอบเขตจังหวัด GeoJSON Layer Control | React-Leaflet #8
สวัสดีครับ ก่อนอื่นผมก็ต้องขอขอบพระคุณมากๆ เลยนะครับที่ให้เกียรติเข้ามารับชมช่อง "รอยไถ พัฒนา" @roitai-dev @roitai-dev ช่องเกษตรอินทรีย์นะครับ
สำหรับคลิปนี้เราจะมาต่อยอดโปรเจคกันนะครับ ที่ขอเข้ามาคือ การ CRUD ข้อมูล เกี่ยวกับแผนที่นะครับ Full Stack React-Leaflet เราจะใช้เว็บแผนที่ จาก leaflet นะครับ
เราจะได้ทำการเพิ่มชั้นข้อมูล Layer ขอบเขตจังหวัดนะครับ
1. Layer control
https://react-leaflet.js.org/docs/example-layers-control/
2.ข้อมูลขอบเขตจังหวัด
https://gist.github.com/jeepkd/4e31e6a10f8297b9de50c62856927ecf?short_path=ac424e6
3. การใช้งาน GeoJSON
https://react-leaflet.js.org/docs/api-components #geojson
การปรับแต่งชั้นข้อมูล
https://leafletjs.com/reference.htm #path-option
คลิปหลังบ้านนะครับ
สอน Node.js + Express.js สำหรับผู้เริ่มต้น API CRUD ของแทร่ #1
https://youtu.be/2O2o44Kzy4o
ดาวน์โหลดโค้ดที่
https://github.com/tamphimai007/ExpressJS-API2/tree/main/server
1. react-leaflet
https://react-leaflet.js.org/
2. สำหรับ bootstrap
https://getbootstrap.com/docs/4.3/getting-started/webpack/
3. สำหรับศึกษาเพิ่มเติม
https://ant.design/
0:00 การใช้งาน LayerControl เพิ่มชั้นข้อมูลขอบเขตจังหวัด
0:20 อธิบายข้อมูล Vector point,line,polygon
1:20 เริ่มลุย Layer control
5:20 ข้อมูล GeoJSON ขอบเขตจังหวัด
9:20 การใช้งาน GeoJSON เพิ่มเติม
ขอบพระคุณมากๆ เลยนะครับที่เขามารับชม
ถ้าถูกใจ สามารถร่วมบริจาคได้ตามกำลังศรัทธาเลยนะครับ
Donate
Promptpay พร้อมเพย์ : 0984106002
พงศ์พัฒน์
Support me:
https://www.buymeacoffee.com/tamphimai
#nodejs
#fullstack
#เขียนเว็บ
การใช้งาน React ใช้หน้าล็อกอินและสมัครสมาชิก Login & Register แบบง่ายๆ Step by Step
สอนใช้งาน React
สอนเขียนโปรแกรม
คอร์สเรียน React ฟรี, คอร์สเรียน Full stack,
Login Line, Line login react
วิธีทำ react line login ล็อคอิน
ในคลิปนี้ สอนวิธีทำ React Login Facebook นะครับ
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «สอน Full Stack การใช้แผนที่ | ขอบเขตจังหวัด GeoJSON Layer Control | React-Leaflet #8», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.