Add Maps to Your Expo React Native App - With Draggable Markers, Custom Callouts and Custom Styles

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 39

  • @_dancosta_
    @_dancosta_ Год назад +1

    It's funny that I always goolge things I need and can't never find a good tutorial or explanation, but I always end up on one of your videos. And it's always clear and direct to the point. thank you so much!

  • @GoldenDarkuZ
    @GoldenDarkuZ Год назад +2

    As a new learner, I must say your guides are extremely helpful!

    • @MissCoding
      @MissCoding  Год назад

      Glad they are helpful to you :)

  • @AliG-eb6ik
    @AliG-eb6ik Год назад +1

    Your tutorials are excellent, keep up the work they are very helpful!

  • @danielsomade
    @danielsomade Год назад

    This tutorial was very helpful, thank you so much for this.. Just subscribed to your channel, hoping to learn more from you in the future..
    Thanks once again.

    • @MissCoding
      @MissCoding  Год назад

      Thanks for the sub! Is there anything particular you’re interested in learning?

  • @enesdogan1801
    @enesdogan1801 Год назад +2

    The buttons in callout are not working in the same code. What should I do

  • @opudupreye4365
    @opudupreye4365 Год назад +1

    lol,i feel youre reading my mind cause you always release videos on what i need help in

  • @robinsonsimon5835
    @robinsonsimon5835 Год назад +1

    Hi, thanks for the good explanation, I have an issue of my app crashing when it reaches the map view screen on android, I have reproduced the steps given in the documentation but I don't know what the issue is

    • @ismailaturner3511
      @ismailaturner3511 Год назад

      It’s always cashing mapview don’t work on android ! Or have you solve the issue

    • @awavauatush
      @awavauatush 10 месяцев назад

      It requires Maps API key in development build.

  • @mariusguissou4282
    @mariusguissou4282 Год назад +1

    You have good explanations thank you for sharing knowledge 👍👍👍👍👍👍👍

  • @noahthegreat190
    @noahthegreat190 Год назад

    thank you so much, you have no idea how much you helped

  • @lobsang8405
    @lobsang8405 11 месяцев назад

    do I need Api key for using Geocode and reverse geocode , I have notice that it works without api key in iOS ,but in android app ,every time it seeks location permission ,my App crashes and notice in error that it require Api key

  • @martinareverberi3182
    @martinareverberi3182 3 месяца назад

    È possibile inserire al posto di Apple maps la mappa di open street map?

  • @DesignMade-Easy
    @DesignMade-Easy Год назад +2

    Hey thank you for the video very informative, just wanted to ask since I don't have a credit card of any sort can I still do basic stuff like pin location and zoom in with out the Google map ? Will it only be the how the map looks that's effected ?
    I would like to use react native maps but I want to make sure if I can use it for free completely without adding a payment method would that be possible? Thank you

  • @emilo6008
    @emilo6008 Год назад

    Hi, I was wondering why putting elements inside the MapView in android doesnt show anything. Thx

  • @harry4088
    @harry4088 Год назад

    Mam the new expo sdk 48 released so there is some changes like the useProxy is now deprecated could you please make a video that how can we do google/facebook oauth with the new guidelines please

  • @mr.tatouh
    @mr.tatouh 7 месяцев назад

    You're a legend

  • @bennyuchiha8501
    @bennyuchiha8501 7 месяцев назад

    you are a blessing, many kisses from a new fan and a definite admirer 😙😙😙

  • @MrSeredan
    @MrSeredan Год назад

    Thanks for the video! you are great!

  • @vega4149
    @vega4149 Год назад

    This video was so usefull to understand Basics of Maps. But It will be Great if add or give some adviseabout how to Get Direction to Mark from userLocation. Thank you for this content : )

  • @elgalanazo1662
    @elgalanazo1662 Год назад

    how can i clustering data in this maps?

  • @richardberriman
    @richardberriman Год назад

    This is great, a quick and simple maps tutorial. I found a couple of Android bugs though: buttons don't work in Callouts (only can onPress the callout itself) and the Overlay causes an index error that I'll sort another way of doing to get the buttons to work against tapping a pin.

    • @js-fz9vp
      @js-fz9vp 10 месяцев назад

      that index error in overlay, means u put the text in the wrong line, u should put below and also not outside of

    • @js-fz9vp
      @js-fz9vp 10 месяцев назад

      But for me, i found another issue, The text for mapOverlay, show entire the screen but i just only put the location name: Like London. There is a white textbox block the entire screen and just show the London in first line

    • @js-fz9vp
      @js-fz9vp 10 месяцев назад

      Latest I fix the problem ady, ChatGPT is really powerful
      return (




      {centerName}
      {data.DistanceInKm} KM




      dasda



      );
      };
      const styles = StyleSheet.create({
      container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
      },
      map: {
      width: '100%',
      height: '100%',
      },
      mapOverlay: {
      position: 'absolute', // Position the text box absolutely
      bottom: 10, // Distance from the bottom of the container
      left: 10, // Distance from the left of the container
      right: 10, // Distance from the right of the container
      backgroundColor: 'white', // White background for the text box
      padding: 10, // Padding inside the text box
      borderRadius: 5, // Optional: rounded corners for the text box
      // Add more styling as needed for the text box appearance
      }

  • @huzaifac137
    @huzaifac137 Год назад

    Is api key necessary for development also ?

  • @NaaseiJnr
    @NaaseiJnr Год назад +1

    you just got a subscriber

  • @emanuelmejia4525
    @emanuelmejia4525 Год назад

    Looks like that adding buttons iniside Callout component does not trigger the onPress event, in iOS and Android

    • @pawekozowski6128
      @pawekozowski6128 Год назад

      oooh so you have that too! i tried to do that in my app with the same version of react native maps- but a higher version of react native and expo 48, and had the same problem.
      as i see in the comments, that kind of thing was not working for months. weird!I also tried all of the weird combinations, touchable opacities, my own custom components...
      i tried looking at the app here, from github, and the callout there seems to be even more destroyed(the buttons wont even show now on this callout)
      @MissCoding coulde we get an update on this awesome tutorial? the buttons in callouts are what interests me, and I see thats a problem that happens to a lot of people, based on comments.
      maybe the buttons in callouts work on the expo 49 tho...
      a lot of those dead ends that force us to create some other solutions, i kind of love that in react native XD

  • @mariusguissou4282
    @mariusguissou4282 Год назад

    Hi please can you make an OCR app with react-native and google ML kit? 🙏🙏🙏🙏🙏

  • @NaaseiJnr
    @NaaseiJnr Год назад

    what software are you using for this please

  • @nguyenat5241
    @nguyenat5241 Год назад

    hello , I use Callout like you but it doesn't work . Can you help me :(( (sorry my english is not good)

  • @manishankarvakta
    @manishankarvakta Год назад

    Thank you

  • @opudupreye4365
    @opudupreye4365 Год назад

    can you do a videon on notification