React Native Maps with Marker & Callout

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

КОМЕНТАРІ • 56

  • @galaxies_dev
    @galaxies_dev  10 місяців тому +1

    Become an Expert React Native Developer @ Galaxies.dev and join our space crew 🚀

  • @swdotdev
    @swdotdev 4 місяці тому +1

    I don't know how many times I found your videos when I needed something. Thank you so much for all the quality content. This is awesome.

  • @indecisive.m
    @indecisive.m 11 місяців тому +4

    Just about to start using this so this is very helpful thank you!

    • @galaxies_dev
      @galaxies_dev  11 місяців тому +2

      Glad I had the right timing ✌️

  • @Fran.961
    @Fran.961 11 місяців тому +2

    Was figuring how to make this then suddenly your dropped this masterpiece thanks man

  • @beps4440
    @beps4440 7 місяців тому +2

    Amazing video, thanks mate!

  • @mrakesh
    @mrakesh 11 місяців тому +2

    Got your coordinates. Launching the missle on you .

    • @galaxies_dev
      @galaxies_dev  11 місяців тому +1

      Come over for a coffee ☕

  • @СтаниславКолосов-г5щ
    @СтаниславКолосов-г5щ 4 місяці тому

    The future does not punish you, I am telling you 6 months after.
    Thanks a lot, just what I needed to get started with it!

  • @tristansacotte6937
    @tristansacotte6937 6 місяців тому +5

    when i enable showUserLocation i am not seeing the blue dot on the map :(

  • @MoumitaMondal-cd4go
    @MoumitaMondal-cd4go 7 місяців тому +6

    I've added showsMyLocationButton but button is not appearing on the screen. Can you please tell me how to fix it?

    • @AgustinAstronomy
      @AgustinAstronomy 5 місяців тому

      you need to check permissions, search expo location

    • @rainicestorm04
      @rainicestorm04 2 місяці тому

      have you found solution yet?

  • @renekutter7562
    @renekutter7562 11 місяців тому +2

    Hey Simon, bin heute auf eins deiner React Native Videos gestoßen. Sehr sympatisch und super hilfreich. Mach bitte weiter so. Mein Abo hast du ! :)

  • @vilioralex2701
    @vilioralex2701 11 місяців тому +1

    Great video!

  • @SylvesterHofstra
    @SylvesterHofstra 11 місяців тому

    Great video, would love to see more content give a quick walkthrough of frequently used packages. One question, how do you show the TS errors inline?

    • @galaxies_dev
      @galaxies_dev  11 місяців тому +1

      Thanks, will try! Where was the TS error inline?

    • @SylvesterHofstra
      @SylvesterHofstra 11 місяців тому

      Already did some research, I think you’re using Error Lens, right? Looks pretty useful.

  • @Howleyy13
    @Howleyy13 11 місяців тому +1

    Found out react native bottom sheet doesn't want to overlay a map view! Sure, modal does but I dont want to cover the app tab navigator! How sad... :(

  • @christianangelomsulit3759
    @christianangelomsulit3759 6 місяців тому

    It would be amazing if I could draw a circle on a map and receive the coordinates of properties located within that circle.

  • @Vrunalbenke
    @Vrunalbenke 8 місяців тому

    Hii simon i want a functionlity that after nvaigating to map screen from home or any screen i want the marker name to shown by default can you help out. Thanks in advance

  • @thenightguy6816
    @thenightguy6816 10 місяців тому

    I wont mind if you use typescript typing's, i am pretty sure all the JS devs know what we TS devs do.

  • @fabianromero1660
    @fabianromero1660 4 місяці тому

    could you please shere the package.json file, i need to know which versions are you using, mine are getting an error, and the app bundling failed, the most important dependencies that i have, are the react native maps 1.14.0, is. not the latest but with the latest is the same, and expo ^51.0.9, react native 0.74.1, react 18.2.0

  • @lobsang8405
    @lobsang8405 8 місяців тому

    how can I make sure map zoom its screen to show always a list of markers in map

  • @ardiansyahiqbal8052
    @ardiansyahiqbal8052 Місяць тому

    hi simon this is work on react expo go? or should i use development mode?

    • @galaxies_dev
      @galaxies_dev  Місяць тому

      I would always use Expo prebuild at this point, but for testing it should work with Expo Go!

  • @spectacular5595
    @spectacular5595 11 місяців тому +1

    its working on ios . but when android map only loading , other things are not working , nope . can tell us to how implement on android as well ?

  • @ГенаПетров-н5ы
    @ГенаПетров-н5ы 11 місяців тому +1

    Always read TS error from bottom

  • @williamjnrcabreratamayo918
    @williamjnrcabreratamayo918 11 місяців тому

    Thank you very much for the video, it is very good to start playing with mais un react native. I have a question si if you or somebody else could answer it will be really appreciated. Have you experienced any performance problems when rendering a lot of markers ( like 80 markers) ?

    • @galaxies_dev
      @galaxies_dev  11 місяців тому

      Haven't tried that but for sure at some point you will notice a performance impact - that's why cluster are really important!

  • @srmnikhil
    @srmnikhil 4 дні тому

    I used react native maps to give me google maps by default but it's not working after production only working in development, now what to do i am even unable to use another map.
    Please someone help me.

    • @megasticky8968
      @megasticky8968 День тому

      Have you added an google api key to your project?

    • @srmnikhil
      @srmnikhil День тому

      @@megasticky8968 no because i am not getting it without giving my card info and i don't have any card.

    • @srmnikhil
      @srmnikhil День тому

      But in development its working without api key.
      But even i am unable to change map which doesn't require an API key like Open Street Map

  • @timpeters8628
    @timpeters8628 11 місяців тому

    Sorry for that dumb question, but when i run it ob Android Emulator, i just see a white Screen. Does someone know if i have to do other settings like a Google Maps API Key or something? Thanks

    • @galaxies_dev
      @galaxies_dev  11 місяців тому

      Usually it should work with the Expo Go app, only need API keys when doing a production/dev build!

    • @timpeters8628
      @timpeters8628 11 місяців тому

      @@galaxies_dev thanks for your response :) but then i´ve no idea why it just shows a blank screen

    • @timpeters8628
      @timpeters8628 11 місяців тому

      ahh now it works, i started a new project again and did the steps, idk what i did wrong before haha@@galaxies_dev

  • @RoroZamZam
    @RoroZamZam 11 місяців тому

    Great content!!! 💯
    Has anyone had experience creating a similar feature for the Google Map toolbar (directions) when pressing a marker/callout on iOS?

  • @KevinAbaquita
    @KevinAbaquita 7 місяців тому

    Hello, I just want to ask if the usage of the react-native-maps is free ?

    • @galaxies_dev
      @galaxies_dev  6 місяців тому

      The package yes, but you need an API key from Google!

  • @sourabhsingh4515
    @sourabhsingh4515 9 місяців тому

    the type of the mapref will be that's why the error is there 😄

  • @sergiosgd1814
    @sergiosgd1814 7 місяців тому

    Its free? Or i need a key for use Google Maps? Thanks

  • @usmanmarkaz
    @usmanmarkaz 11 місяців тому

    can yu tell me how show map in RN CLI

  • @ravvikumar1216
    @ravvikumar1216 11 місяців тому

    Does this not require any api key......?

    • @galaxies_dev
      @galaxies_dev  11 місяців тому

      Not in Expo Go, but once you build a production app yes!

  • @Matheus_1582
    @Matheus_1582 11 місяців тому

    I could make a VueJs video with Ionic...

  • @simons9693
    @simons9693 4 місяці тому

    HIGHHHHHH Energy 🙂