3.3 Mapping Database Entries with Leaflet.js - Working with Data and APIs in JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ต.ค. 2024
  • 💻github.com/Cod...
    In this video, I look at how to save the check-in information to a database and map all of the geolocation data on a map using Leaflet.js.
    🔗 Leaflet.js: leafletjs.com/
    🎥 NEXT LESSON: • 3.4 Hiding API Keys wi...
    🎥 PREVIOUS LESSON: • 3.2 Open Air Quality A...
    🎥 FULL COURSE: • Working with Data and ...
    🚂 Website: thecodingtrain....
    💖 Patreon: / codingtrain
    🛒 Store: www.designbyhu...
    📚 Books: www.amazon.com...
    🎥 Coding Challenges: • Coding Challenges
    🎥 Intro to Programming: • Start learning here!
    🔗 p5.js: p5js.org
    🔗 Processing: processing.org
    📄 Code of Conduct: github.com/Cod...

ความคิดเห็น • 43

  • @TheCodingTrain
    @TheCodingTrain  5 ปีที่แล้ว +13

    This is the playlist for the full course if you want to start from the beginning! th-cam.com/play/PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X.html

    • @hakankosebas2085
      @hakankosebas2085 5 ปีที่แล้ว +1

      Could you simulate Dzhanibekov effect in any way?

    • @edemgbk5233
      @edemgbk5233 5 ปีที่แล้ว

      PLEASE make a video on leaflet.js that enables you to search a street address and display properties on that particular street as markers (you would be working with a mysql database to get the properties data )

  • @Gizzbizz
    @Gizzbizz 5 ปีที่แล้ว +11

    Your the reason why I love coding You make everything so easy to understand thank you

  • @jochenpanjaer980
    @jochenpanjaer980 5 ปีที่แล้ว +3

    Are you interested in taking on requests? I would love to see you do an in-depth mongodb/mongoose series.
    I would love to see you explain the more advanced topics, like writing queries, formatting and indexing data correctly, manage the db or its collections etc.
    I love what you are doing for the commuty, keep it up!

  • @agata0214
    @agata0214 4 ปีที่แล้ว +1

    This is so much fun. This series made me love Javascript more. Thank you Daniel!

  • @dandk_
    @dandk_ 5 ปีที่แล้ว +1

    Thank you for these videos, Dan!
    I'm going into my final year of SE and since its so theory based at the moment these videos give me some much needed and extra practical experience!

  • @ProgrammingNewbie
    @ProgrammingNewbie 4 ปีที่แล้ว

    Very, very, very nice! Finally someone doing it the right way from a db, using an api!

  • @gnkarn00
    @gnkarn00 5 ปีที่แล้ว

    as always, very well explained , you make coding to seams easy , and i realise how important is to extend the knowledge on js language and libraries functions as the right way to make complex things much, much easier . besides your super coding skills , thank you for dedication to teaching us .

  • @andreimartinaquino2534
    @andreimartinaquino2534 4 ปีที่แล้ว

    Learned a lot watching this playlist! Thank you!

  • @fs1gianno
    @fs1gianno 5 ปีที่แล้ว

    Thanks to subtitles everyone can watch your videos! Thank you so much!
    Are you planning to list what extensions are you using with VS code?

    • @TheCodingTrain
      @TheCodingTrain  5 ปีที่แล้ว

      This workflow video series might help! th-cam.com/play/PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X.html

  • @heliuuummm
    @heliuuummm 5 ปีที่แล้ว

    I've been watching a lot of your videos and this is all I have to say:
    Best channel ever! Thank you!!!

  • @luanzambinatimanara2529
    @luanzambinatimanara2529 5 ปีที่แล้ว

    Great video! You make everything look so easy, it is amazing! Thank you.

  • @aidarousjibril6323
    @aidarousjibril6323 4 ปีที่แล้ว

    thanks for amazing videos, i would like see you showing how to fetch musicBrainz api which connects another apis to get data from in Node js

  • @Jb67912
    @Jb67912 4 ปีที่แล้ว +1

    I have a specific question about the accesstoken from mapbox. He doesn't include the same setup code as shown on the mapbox get started sections. Do we not need an accesstoken? And if so, how do we hide that?

  • @JimCraft123
    @JimCraft123 5 ปีที่แล้ว +1

    Will you start a series of building your own javascript library ?

    • @TheCodingTrain
      @TheCodingTrain  5 ปีที่แล้ว +2

      I'd love to do that!

    • @JimCraft123
      @JimCraft123 5 ปีที่แล้ว

      @@TheCodingTrain cant wait to watch it

  • @michaelsharp7044
    @michaelsharp7044 4 ปีที่แล้ว

    Please do a tutorial on how to maintain a user's zoom and position on a page refresh instead of the map going back to set view on refresh.

  • @hakankosebas2085
    @hakankosebas2085 5 ปีที่แล้ว +1

    Could you simulate Dzhanibekov effect?

  • @sayochikun3288
    @sayochikun3288 2 ปีที่แล้ว

    this was so fun!

  • @abraham.carranza
    @abraham.carranza 5 ปีที่แล้ว +1

    Hi, I´ve been doing a Leafelt Map but I can´t get data from Mysql whit php to put it in the map, I try it a lot of time, but i can´t do it, someone have an answer to my problem?

  • @johnkeishnerromero187
    @johnkeishnerromero187 3 ปีที่แล้ว

    Thank you for this. :)

  • @aminedataengineer4468
    @aminedataengineer4468 2 ปีที่แล้ว

    thank you very much

  • @elangabdulazis6910
    @elangabdulazis6910 2 ปีที่แล้ว

    can the a* algorithm be applied to leaflets?

  • @dreznik
    @dreznik 5 ปีที่แล้ว

    can the popup contain a javascript graph such as plotly.js or highcharts or d3?

  • @cano5063
    @cano5063 4 ปีที่แล้ว

    Couldnt one just render evrerything with node js and ejs? Or has client side other benefits im missing?

  • @sunilangural420
    @sunilangural420 5 ปีที่แล้ว

    Please make a tutorial on js without any library like p5

  • @beersforever
    @beersforever 5 ปีที่แล้ว

    Can a person change the ${} with inspect element to gather other data?

  • @mandeepubhi4744
    @mandeepubhi4744 5 ปีที่แล้ว

    Sir, how many years of experience do you have in coding?

    • @TheCodingTrain
      @TheCodingTrain  5 ปีที่แล้ว

      I started seriously in 2001! (but I coded a little bit as a kid in the 1980s).

  • @YunzhongPekanbaru
    @YunzhongPekanbaru 3 ปีที่แล้ว

    how to add multipolygon from mysql geometry data type?/

  • @sanchitverma2892
    @sanchitverma2892 5 ปีที่แล้ว +1

    That cors error really messed up everything didnt it

    • @NextGenAge
      @NextGenAge 5 ปีที่แล้ว

      That's what CORS supposed to do 🙄

  • @scripttag9235
    @scripttag9235 5 ปีที่แล้ว

    Hi Bro what is yiur using software for proggraming

    • @TheCodingTrain
      @TheCodingTrain  5 ปีที่แล้ว

      This workflow video series might help! th-cam.com/play/PLRqwX-V7Uu6Zu_uqEA6NqhLzKLACwU74X.html

  • @geoffwagner4935
    @geoffwagner4935 11 หลายเดือนก่อน

    and the back tick syntax goes deeper

  • @phaneedrakumaribharadwaj2392
    @phaneedrakumaribharadwaj2392 3 หลายเดือนก่อน

    i like your face after seeing your face i feel more relaxed

  • @omaralomari9195
    @omaralomari9195 7 หลายเดือนก่อน

    I am from Jordan but not from rainbow street sad :(

  • @bluedragonn1
    @bluedragonn1 4 ปีที่แล้ว

    5:01 hahaha at this point i didn't read de documentation of the api and makes the whole formula lol

  • @aseemlalfakawma5084
    @aseemlalfakawma5084 5 ปีที่แล้ว

    I know where exactly you are now, see you in a bit 😈😈

  • @noahgiesel9030
    @noahgiesel9030 5 ปีที่แล้ว

    Well nice video . But i have to cringe on each single video at the outro :)