React Native Maps with Marker & Callout

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 พ.ย. 2024

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

  • @galaxies_dev
    @galaxies_dev  11 หลายเดือนก่อน +1

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

  • @AboutShaw
    @AboutShaw 12 วันที่ผ่านมา +1

    I still love your content @simon i'm looking to build some react apps and web apps and your tutorials helped me during my JS/TS boot camp in 2022 and they are still helping me now!

    • @galaxies_dev
      @galaxies_dev  6 วันที่ผ่านมา

      That's awesome to hear!

  • @swdotdev
    @swdotdev 5 หลายเดือนก่อน +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.

  • @Fran.961
    @Fran.961 11 หลายเดือนก่อน +2

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

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

      Glad I could help!

  • @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 ✌️

  • @СтаниславКолосов-г5щ
    @СтаниславКолосов-г5щ 5 หลายเดือนก่อน

    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!

  • @mrakesh
    @mrakesh 11 หลายเดือนก่อน +2

    Got your coordinates. Launching the missle on you .

    • @galaxies_dev
      @galaxies_dev  11 หลายเดือนก่อน +1

      Come over for a coffee ☕

  • @tristansacotte6937
    @tristansacotte6937 6 หลายเดือนก่อน +5

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

  • @beps4440
    @beps4440 7 หลายเดือนก่อน +2

    Amazing video, thanks mate!

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

      Glad you liked it!

  • @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 ! :)

  • @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 6 หลายเดือนก่อน

      you need to check permissions, search expo location

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

      have you found solution yet?

  • @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... :(

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

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

  • @Malcolm777-i
    @Malcolm777-i 6 หลายเดือนก่อน

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

  • @lobsang8405
    @lobsang8405 9 หลายเดือนก่อน

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

  • @vilioralex2701
    @vilioralex2701 11 หลายเดือนก่อน +1

    Great video!

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

      Glad you enjoyed it!

  • @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!

  • @Vrunalbenke
    @Vrunalbenke 9 หลายเดือนก่อน

    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

  • @ГенаПетров-н5ы
    @ГенаПетров-н5ы 11 หลายเดือนก่อน +1

    Always read TS error from bottom

  • @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 ?

  • @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?

  • @sourabhsingh4515
    @sourabhsingh4515 10 หลายเดือนก่อน

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

  • @srmnikhil
    @srmnikhil 20 วันที่ผ่านมา

    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 17 วันที่ผ่านมา

      Have you added an google api key to your project?

    • @srmnikhil
      @srmnikhil 16 วันที่ผ่านมา

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

    • @srmnikhil
      @srmnikhil 16 วันที่ผ่านมา

      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

  • @fabianromero1660
    @fabianromero1660 5 หลายเดือนก่อน

    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

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

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

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

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

  • @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

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

    can yu tell me how show map in RN CLI

  • @simons9693
    @simons9693 4 หลายเดือนก่อน

    HIGHHHHHH Energy 🙂

  • @sergiosgd1814
    @sergiosgd1814 8 หลายเดือนก่อน

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

    • @puzzookie2852
      @puzzookie2852 6 หลายเดือนก่อน

      You'll need a key. 15:50

  • @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...

  • @HaiderAli-gh9rp
    @HaiderAli-gh9rp 9 วันที่ผ่านมา

    Would have been more good if phone is displayed on right side instead of left side as it is hiding half of the code

    • @galaxies_dev
      @galaxies_dev  6 วันที่ผ่านมา

      I'm not sure, the phone is on the right side the entire time?

    • @HaiderAli-gh9rp
      @HaiderAli-gh9rp 6 วันที่ผ่านมา

      @galaxies_dev but I see it on the left side I can send screenshot to you
      I don't know what is the problem here