How to create an Interactive map layers

Поділитися
Вставка
  • Опубліковано 29 жов 2024

КОМЕНТАРІ • 57

  • @ozodbekboriboyev1010
    @ozodbekboriboyev1010 2 роки тому +11

    Sir, i don't know you and i have never seen you in my life, but i'm so thankful to you, that i can't even explain it by using words, just know that you helped A LOT. Thank you!

  • @kiertybre4826
    @kiertybre4826 Рік тому +4

    I was working on a homework assignment, and very lost on what to do/where to start. This tutorial went above and beyond. I had so much fun, I added extra steps that weren't a part of the assignment. Thank you so much! I learned a lot. :)

  • @FrancoisNIRO
    @FrancoisNIRO Рік тому +1

    Very good tutorial.
    I checked the references with Leaflet and you don't need MapBox anymore...

  • @martinlastname8548
    @martinlastname8548 Рік тому

    I was asking ChatGPT this and all i was getting was trouble. UA-cam does not fail :P

  • @poojachauhan7547
    @poojachauhan7547 2 роки тому +1

    really Awesome video...cleared each and every point thankyou

  • @asm7575
    @asm7575 3 роки тому +4

    thank you It was helpful but what about if I want to change the icon of the marker ? how could we do it ?

  • @alpiannoor3287
    @alpiannoor3287 2 роки тому +1

    so thanksful sir..really help me alot on this video

  • @sakkurisravya3444
    @sakkurisravya3444 2 роки тому +1

    Hi, Glad to have this video. very useful for beginners like me. Requesting to do more videos on map interactive.

  • @keronwilliams5392
    @keronwilliams5392 2 роки тому +2

    thank you
    !! great tuts!

  • @carlosernestolimaco9958
    @carlosernestolimaco9958 2 роки тому +2

    Hello, if I wanted to put a line from one point to another point, as if they were paths, what would you recommend? and how would I search if I had several coordinates

  • @danielmag2228
    @danielmag2228 2 роки тому +1

    first of all thanks for the video, very helpful!
    but i have a question...how can i remove the all ikons from my map like shops,street names stc?
    i just want a stock zoomable map and i want to put there items myself.

  • @xxbudderbgxx637
    @xxbudderbgxx637 3 роки тому +3

    Hey, this is one of the most helpful videos I've ever watched! But can you told me or make a video about how to integrate Mapbox in Webflow?

    • @xxbudderbgxx637
      @xxbudderbgxx637 3 роки тому

      +1 sub for sure!

    • @PracticalCodeAcademy
      @PracticalCodeAcademy  3 роки тому +2

      Hi, the whole idea of webflow is used for custom websites with no code, so it might be a little difficult to connect Map box API to webflow. However I will do a research on that see if it feasible.

    • @xxbudderbgxx637
      @xxbudderbgxx637 3 роки тому +1

      @@PracticalCodeAcademy Don’t worry, actually it’s very easy to do it you only need to paste the html code in “embedded html” element and paste the js code in the footer code of the page or the footer code of the entire website it doesn’t matter

  • @MortezaHeidariMoaf
    @MortezaHeidariMoaf 3 місяці тому

    great video

  • @AE-kx4jo
    @AE-kx4jo 2 роки тому +3

    This video is awesome, thank you so much. Any information on adding links to the pop up messages that will lead to another interactive map of a building’s blueprint?

    • @PracticalCodeAcademy
      @PracticalCodeAcademy  2 роки тому

      You can add any HTML tags in the pop up message. You can use the a tag and link it to a different map file

  • @andespool7972
    @andespool7972 Рік тому

    thanks for this video!! I wonder if data entry can added to the popup window, say a form or several forms? Need this for a popup option containing 3 photos and 3 different options to enter.

  • @cfsmarques
    @cfsmarques 3 роки тому +1

    Thanks a lot!!! Great!!! You are the best!

  • @Coder-Journey
    @Coder-Journey 3 роки тому +1

    You're the best !

  • @harshjain3122
    @harshjain3122 Рік тому

    It does ask for Credit card details, any free option?

  • @ansar5441
    @ansar5441 Рік тому

    Hi, Glad to have this video. very useful for beginners like me. But sir how to change this code to user enter the latitude and longitude then it showing the map

  • @ANIKETKHAREnullRA
    @ANIKETKHAREnullRA 3 роки тому +1

    very well explained

  • @maxfulawesomo
    @maxfulawesomo 2 роки тому

    Great video! I am have followed it step by step, it doesn't seem to be working and I am wondering if its because I am using Microsoft edge by chance?

  • @ismailziam629
    @ismailziam629 2 роки тому

    Thanks
    How can I add layers (lines, points, and polygons) from QGis

  • @remygiannico2205
    @remygiannico2205 3 роки тому +1

    how can i use my own custom mapbox map in leaflet?

  • @K3SH_
    @K3SH_ 3 роки тому +2

    So far so good, but at 5:40 I can’t “open with live server” the way you did, how did you do that otherwise I don’t think I’ll be able to get past 5:40

    • @justinnieuwoudt9309
      @justinnieuwoudt9309 3 роки тому +1

      just to go the index.html file on your computer right click and open with a browser (i.e. google chrome)

    • @kashishchawla8016
      @kashishchawla8016 2 роки тому

      or else you can try open the live server in visual studio code. just go to index html file and click Alt L + Alt O, or on mac you can do Option L + Option O.
      alternatively VS code also allows you the search for the live server from the Commadn Pelletee that can be accessed by using CTRL + SHIFT + P on windows. and i reckon OPTIONS instead of ctrl on mac.
      Cheers, mate and hope this helps

  • @fubggamingindia3494
    @fubggamingindia3494 3 роки тому +1

    Great tutorial

  • @ivanpetrovic3875
    @ivanpetrovic3875 3 роки тому +1

    Does someone know how to incorporate different languages to maps? Is it possible to do that? Much appreciate

  • @ty.g
    @ty.g Рік тому

    Sir, how to add zoom in that marker?

  • @nymoxy-fuel
    @nymoxy-fuel 2 роки тому +1

    is mapbox really free? Nowadays you have to give your credit card information in order to sign up. Pls help bc I want to use it in a program!

    • @gretali8702
      @gretali8702 2 роки тому +1

      Same question here 😶‍🌫

  • @MultiColt
    @MultiColt 3 роки тому +1

    im a noob at all this. how do you get the option to run in live environment?

    • @thermon6945
      @thermon6945 3 роки тому +2

      In vscode there is an extension called “Live Server” that automatically displays changes made in html files.
      Hope this helped even tho it’s been 3 months

  • @mzwenkosihlela7989
    @mzwenkosihlela7989 3 роки тому +1

    thanks man

  • @CjhEjdl
    @CjhEjdl 3 роки тому +1

    I need to do this

  • @Pentagon_GS
    @Pentagon_GS Рік тому

    hello please I need a tutor on this kind of interactive map

  • @oyatsukikagami1960
    @oyatsukikagami1960 2 роки тому +1

    do we realy need to add our credit card ? it's not free then !

  • @carlmijares5261
    @carlmijares5261 Рік тому

    How about create an offline interactive map?

  • @martinlastname8548
    @martinlastname8548 Рік тому

    does this work offline?

  • @jakedillard6435
    @jakedillard6435 2 роки тому

    So with mapbox studio this is now a lot easier to do with datasets and tilesets...my question is will they create a way to add popups within the studio version?

  • @lujainalharbi3533
    @lujainalharbi3533 2 роки тому

    how to add many markers with different locations in the same country

  • @Daemon0617
    @Daemon0617 Рік тому

    we can easily plot multiple polygon in a map.

  • @K3SH_
    @K3SH_ 3 роки тому

    @practical code academy