How to Use Google Maps in React Native - Part 1

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

КОМЕНТАРІ • 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

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

  • @jarkkotuovinen3450
    @jarkkotuovinen3450 4 роки тому +1

    You are a lifesaver! Thank you!

  • @mohammadumer1731
    @mohammadumer1731 4 роки тому

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

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

  • @mazhartejani
    @mazhartejani 4 роки тому +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?

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

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

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

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

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

  • @malikgenius4u
    @malikgenius4u 4 роки тому

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

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

  • @TheProGamingWolf
    @TheProGamingWolf 4 роки тому

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

  • @shaikjaleel1916
    @shaikjaleel1916 4 роки тому

    Really Helpful, Thank you.

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

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

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

  • @abdous-i8s
    @abdous-i8s 4 роки тому

    Nice Video! Thank you

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

  • @asdgamingsl
    @asdgamingsl 4 роки тому

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

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

  • @JimDragonBass
    @JimDragonBass 4 роки тому +1

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

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

    Thanks a lot

  • @GaCongNghe4.0
    @GaCongNghe4.0 4 роки тому

    Good video, nice to meet you, i like it

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

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

  • @malikgenius4u
    @malikgenius4u 4 роки тому +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  4 роки тому +2

      Only on UA-cam 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?

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

    thankyou bro

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

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

    it wont let me use in callout

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

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

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

  • @codefriendly8528
    @codefriendly8528 4 роки тому

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

  • @helix-b9p
    @helix-b9p 4 роки тому

    awesome....

  • @reactnativelibraries5878
    @reactnativelibraries5878 4 роки тому

    Thank you

  • @SapanKumarDas
    @SapanKumarDas 5 років тому

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

    • @JulianCurrie
      @JulianCurrie 4 роки тому

      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

  • @lacerda533
    @lacerda533 4 роки тому

    I love you, thanks

  • @thevarunparashar
    @thevarunparashar 4 роки тому +2

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

    • @TheFlutterFactory
      @TheFlutterFactory  4 роки тому +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 4 роки тому

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

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

    not working !

  • @jonathanmutalamutala8027
    @jonathanmutalamutala8027 4 роки тому +1

    you are to quick must be slowly and explain correctly