How to Use Google Maps in React Native - Part 1

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

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

  • @asdgamingsl
    @asdgamingsl 4 года назад +1

    love you bro..... i was spend one and half day, trying to fix this map configuration errors. you saved me bro.. thank you

  • @nadeemaamir8811
    @nadeemaamir8811 3 года назад

    Amazing.. Thank you sir for detailed and to the point information about React Native Maps

  • @mohammadumer1731
    @mohammadumer1731 4 года назад

    Great job brother your work is awesom thanks for the video.

  • @jarkkotuovinen3450
    @jarkkotuovinen3450 4 года назад +1

    You are a lifesaver! Thank you!

  • @ShubhamGupta-jp7xk
    @ShubhamGupta-jp7xk 4 года назад

    Hey can we get a tutorial on marker clustering? Loved your videos. Will help a lot of people and will also complete the whole series. And Thank You. You are great :)

    • @TheFlutterFactory
      @TheFlutterFactory  4 года назад +1

      Clustering isn't built into the react-native-maps lib. I haven't done clustering in RN yet , but there seems to be a few solutions out there. I could do a video on this one, but I think it would be very short and not worth the time to record. I might just add into the Github repo without creating a video. It seems really easy to implement with react-native-maps github.com/venits/react-native-map-clustering

  • @domagojhamzic9892
    @domagojhamzic9892 3 года назад

    Thank you very much, sir, you've helped me a lot :), Cheers :)

  • @GaCongNghe4.0
    @GaCongNghe4.0 4 года назад

    Good video, nice to meet you, i like it

  • @leolima8585
    @leolima8585 4 года назад

    Hello.
    What types of libraries to use, in situations:
    I have a single inputText on the screen, and 6 hidden inputsText, I type the first address, the counter makes the sum of the distance from where I am and where I am going, I have 5 routes to type from different addresses, each route with a different distance from the starting point ,
    route a = 7 km with U $ 7;
    route b = 5 km + route a (7km) = U $ 12;
    route c = 2km + route a (7km) + rotate b (5km) = U $ 14;
    Route d = 3 km + route a (7km) + rotate b (5km) + route c (2km) = U $ 17;
    Route e = 1 km + route a (7km) + rotate b (5km) + route c (2km) + route d (3 km) = U $ 18
    route f = 3km + route a (7km) + rotate b (5km) + route c (2km) + route d (3km) + route e (1km) = U $ 21.
    And in the consultation I regret it, as I exclude the routes I want, the total amount and the distance will decrease
    Would it be a good way to start understanding map componentization?

  • @shaikjaleel1916
    @shaikjaleel1916 4 года назад

    Really Helpful, Thank you.

  • @mazhartejani
    @mazhartejani 5 лет назад +2

    Thank you for the tutorial, Marker callout image is not showing in android.
    someone suggested to put image tag in text tag like this
    but then the image is showing but it is half cropped.
    can you please help with this issue?

  • @haridevks4855
    @haridevks4855 3 года назад +1

    When using the region property, have you had any problem with the panning of marker (zoom out) and whether the map lags while moving the marker.
    I have used this package and is now facing this issue when we use it in a real device. On emulator ,error appears to be less

  • @abdous-i8s
    @abdous-i8s 4 года назад

    Nice Video! Thank you

  • @baibing8077
    @baibing8077 2 года назад

    Hi, if I have a multipolygon data and I don’t want to use the geojson component, can I use polygon component to present data to ui, thanks.

  • @leolima8585
    @leolima8585 4 года назад

    And how to do for adb little or a lot of journeys, like it starts with two text inputs, then the person clicks on a cross icon, and a third text input appears, and as the user creates new routes, he calculates new distance, if the user mix long paths in front and short paths later, how to make the map use an intelligent matrix and organize the route to start first the routes closest to the origin, the originated order? what would this javascript look like in react native?

  • @jopamate
    @jopamate 3 года назад

    Hey. Can I use your api key for my app what I am working on for school project. I dont understand google billing account and how much it is free

  • @mohammadumer1731
    @mohammadumer1731 4 года назад

    Please tell me how can i put the icon in the map screen to view full screen, and how can i change to satelite

  • @malikgenius4u
    @malikgenius4u 5 лет назад +6

    love you man, i was looking for a tutorial like this, you do udemy courses on RN or MERN ? let me us know please ...

    • @TheFlutterFactory
      @TheFlutterFactory  5 лет назад +2

      Only on RUclips for now. I love Udemy and I might create more thorough courses on there in the future as this channel grows.

  • @nizammamedov3569
    @nizammamedov3569 5 лет назад +2

    nice job, what about part #2?

  • @malikgenius4u
    @malikgenius4u 5 лет назад

    how a user can create its own Polygon points in frontend UI on map, for example a user wants to search listings only in between this area which user selects with polygon ???

  • @zerox4224
    @zerox4224 3 года назад

    Is there a way to generate polygons dynamically, or do I have to hard code values for all the polygons?

  • @ThubaMamba
    @ThubaMamba 4 года назад

    Thanks for the tutorial. But how do we get the latitude and longitude delta values?

    • @TheFlutterFactory
      @TheFlutterFactory  4 года назад

      I just made up random random data. Typically all your data points would be coming from an api

  • @parth_kanani
    @parth_kanani 3 года назад

    Thanks a lot

  • @JimDragonBass
    @JimDragonBass 5 лет назад +1

    is it necessary to have a billing account or i can automatically use the free tier?

  • @kameal96
    @kameal96 2 года назад

    Is there any way to draw a polygon by finger somewhow? react-native-maps doesn't provide this kind of feature

  • @truongthanh644
    @truongthanh644 5 лет назад +1

    Hi, could you share the example source code? I did the same but the Circle hasn’t shown :(

    • @TheFlutterFactory
      @TheFlutterFactory  5 лет назад +1

      Check the link in the description. I put the source link in all my videos.

  • @TheProGamingWolf
    @TheProGamingWolf 4 года назад

    How do you search for a lcoation with a text input and it move the map view. ty

  • @brayanyevenes4453
    @brayanyevenes4453 4 года назад

    How can I create more than one polygon? and be able to show all the polygonos?

    • @TheFlutterFactory
      @TheFlutterFactory  4 года назад +1

      The same way i created multiple markers. Use a map.

    • @brayanyevenes4453
      @brayanyevenes4453 4 года назад

      @@TheFlutterFactory Thank you so much for everything

  • @asdgamingsl
    @asdgamingsl 4 года назад

    sir... can you help for installing react-native-google-places lib and configure correctly same as maps

  • @empaguia
    @empaguia 3 года назад

    how to set your initial region as your device location?

    • @TheFlutterFactory
      @TheFlutterFactory  3 года назад

      use the Geolocation package to get the current location.

  • @helix-b9p
    @helix-b9p 4 года назад

    awesome....

  • @rivari22
    @rivari22 4 года назад

    thankyou bro

  • @natanielsoares702
    @natanielsoares702 4 года назад

    I receive this message in component "won't run without google play services, which are not supported by your device"

    • @TheFlutterFactory
      @TheFlutterFactory  4 года назад +1

      You definitely won't be able to use Google maps (or most Google products including the Play Store ) without play services. What type of device are you using?

    • @natanielsoares702
      @natanielsoares702 4 года назад

      ​@@TheFlutterFactory i am using genymotion, but i was change to android sdk emulator using command line tools and i receive this error when i call the emulator "PANIC: Broken AVD system path. Check your ANDROID_SDK_ROOT value" but I was change this variable to sdk directory,

  • @leoamato6113
    @leoamato6113 4 года назад

    callout image not working, any solution?

    • @TheFlutterFactory
      @TheFlutterFactory  4 года назад +1

      Need more details. Android? iOS? did you follow the code in the video? I might do an updated video on this topic soon. A few things have changed since I've posted it.

    • @leoamato6113
      @leoamato6113 4 года назад

      @@TheFlutterFactory its working getting callout inside text component. I dont know why. Im using android.

  • @difasulthon2963
    @difasulthon2963 4 года назад

    why multiple marker not show on me ? any solution sir ?

    • @TheFlutterFactory
      @TheFlutterFactory  4 года назад

      I don't know. That's not enough information.

    • @difasulthon2963
      @difasulthon2963 4 года назад

      @@TheFlutterFactory i'm sorry sir, i have found the problem is because typo in my code, it is solved after i compare my code with your code from github, thank your for your response sir

  • @reactnativelibraries5878
    @reactnativelibraries5878 5 лет назад

    Thank you

  • @poojat2137
    @poojat2137 3 года назад

    make video on react native geofencing

  • @muditgulgulia5350
    @muditgulgulia5350 4 года назад

    Map show up with google icon at bottom but doesn't show anything else in it not even a line

    • @TheFlutterFactory
      @TheFlutterFactory  4 года назад

      That probably means you don't have your map keys setup correctly
      And added to the app. Make sure you register your app in the Google Console

    • @avanibhardwaj957
      @avanibhardwaj957 4 года назад

      if you are sure you have correctly generated your api key try setting application restrictions to none and relaunch app. this worked for me.

  • @viktorvujicic6462
    @viktorvujicic6462 3 года назад

    it wont let me use in callout

  • @lacerda533
    @lacerda533 5 лет назад

    I love you, thanks

  • @codefriendly8528
    @codefriendly8528 4 года назад

    How to display tool tip witout click, I means tool tip display witout click it display when user comes first time.

  • @SapanKumarDas
    @SapanKumarDas 5 лет назад

    11. auto complete
    2. How to get current locations,

    • @JulianCurrie
      @JulianCurrie 5 лет назад

      Getting current location is in part 2. Autocomplete is a completely separate API, separate from Google Maps. I might do it the future, but I have no plans for that yet

  • @saurabrakshit405
    @saurabrakshit405 2 года назад

    not working !

  • @thevarunparashar
    @thevarunparashar 5 лет назад +2

    if you do things "already" then what is the point of making tutorial video...

    • @TheFlutterFactory
      @TheFlutterFactory  5 лет назад +1

      The point is to focus specifically on the topic of the video and not take up too much of the viewer's time with things that they may be already be familiar with (Basic UI set up, creating models, package installation, etc)

    • @jasurkurbanov5274
      @jasurkurbanov5274 5 лет назад

      @@TheFlutterFactory You're right, I was looking to this kind of video where all required info is provided. Thank you for video Curry )

  • @jonathanmutalamutala8027
    @jonathanmutalamutala8027 4 года назад +1

    you are to quick must be slowly and explain correctly