React Native Maps Tutorial | Add Google Maps to iOS & Android Apps

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

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

  • @itzpradip
    @itzpradip  5 лет назад +7

    Hello Guys, if this tutorial helped you implement the Google Map in your app, then also help others who are having issues to implement it if you have encountered that before. It'll help the community to grow and your debugging capability will grow. I'm not able to check every issue as I'm doing other projects at different times. So it is hard for me every time to build a new project and try to imitate the error to get a solution out of it.
    And for those who are having issues, I would like to tell you that there could many different things which can cause the error, it can be other packages, coding misspelling, missing step in the installation or the setup/version of the environment. So it is very hard to debug it remotely. But when you are facing an issue I'll suggest that you create a fresh new project on react native and then implement the package and follow the steps mentioned in the tutorial. In most cases, it will reduce the number of issues in implementing any package.
    Thanks for watching my tutorials!!😀

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

      Great tutorial. I'm trying to create some project which the app using react native maps too. But i have a problem about geofence. So my question, how to make some notifications when user enter some geofence location or coordinates by lat long? Any solution friend? Thanks

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

      I mean how to show notifications if user was inside or outside of geofence? Thanks

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

      Okay, I'll make a video on this. Thanks for your comment.

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

      Sorry for late reply of course thanks

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

      @@itzpradip Sorry for late reply of course thanks

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

    You are the best!!

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

      Thanks for your comment & support.

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

    Thank you very much. It works for me.

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

    Thank you very much, you are the best❤️❤️❤️

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

    Thank you so much sir.! It works.

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

    Can you make a tutorial on implementing this google maps react native app into an already existing java based android app? I tried following the official docs and facebook's github but all it gave was a bunch of errors that seems to be still unfixed.

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

      I haven't tried this yet. If I check anything in these then I'll definitely publish a video on it.

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

    I am using react-native@0.59.10 with react-native-maps@0.25.0. I did all the steps you mention but no map is shown. why??

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

    hey i dont have folder call component on my projet what can i do to complete the procedure ?

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

      You can create that folder by yourself to follow the tutorial. That folder is created by me, follow previous tutorials to see more details.

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

    i'm having an error in building phase xcodeworkspace clang: error: linker command failed with exit code 1 (use -vto see invocation) i dont know what to do. pls help anyone also experiencing this problem? how did you solve it beep me Asap.

  • @jaysonlacson2057
    @jaysonlacson2057 6 лет назад

    Hi, thanks for this great tutorial, I got react-native-maps: AirGoogleMaps dir must be added to your xCode project to support GoogleMaps on IOS. Have you encountered issue before?

    • @itzpradip
      @itzpradip  6 лет назад

      No, as far I remember I never got this kind of error. A Google search can help you find solutions from those who encountered similar issues.

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

    How can i add nearby petrol pumps and restaurants to map

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

    how we can set default zoom level and compass too

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

    “App is having trouble with google play services. please try again.”
    got this text on screen instead of Map
    Please any solution?

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

    Thanks bro you saved me

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

      I'm glad that it helps. Thanks for your comment & support.

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

    Great video sir

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

    HELP!! PLEASE
    Could not resolve all files for configuration ':react-native-maps:debugCompileClasspath'.
    > Could not resolve com.android.support:support-compat:25.2.0.
    Required by:
    project :react-native-maps

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

    Hi Sir nice video. Did you please make react native expo video to send Firebase notification

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

      Personally, I don't like expo that's why I won't make a video on expo but using react native cli I'll definitely try to make one on this topic. 🙂

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

    I'm getting this error. can you please help me to solve this?
    Could not resolve all files for configuration ':react-native-maps:debugCompileClasspath'.

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

      I don't have any idea about this error may be a google search with more details of the error will help.

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

    Hi. I did everything like You, but xCode can't recognize " " (file not found). Do you have any idea what's going on? :C

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

      After pod install you'll get a YOUR_APP.xcworkspace file. You should open that file in xCode and in there you can add those codes. I think you're missing some steps there, I would recommend you to follow the steps from 11:10

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

    After installing maps, my emulator no longer works, do you have an idea?

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

    I am getting this error:
    error: constructor MapsPackage in class MapsPackage cannot be applied to given types;
    new MapsPackage()

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

    why my maps are gray ? but it's have google logo

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

    really appreciate

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

    Thanks you

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

    why there is no App.js in source code?

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

    what version of react native are you using

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

      0.57

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

      I finished doing everything and when I run x it shows me the message "the development server returned the response error code 500" and when I see the js it says react-native / scripts / App.js Declaration of duplicate but I already checked and I do not have nothing duplicated @@itzpradip

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

    Why did you remove PROVIDER_GOOGLE ? aren't you using Google Maps?

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

      I have removed it for android as it is not required on android. But for iOS later I have used it in this tutorial where it is actually needed.

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

      @@itzpradip Thank you so much for your reply. I followed your steps for android however I am getting an Error: Execution failed for task ':app:processDebugResources'. Android resource linking failed
      I searched a lot and I tried a lot of things but none of them worked. But it seems to be related to the version used. Do you have any idea how I can solve it?

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

      Sorry, but I'm not getting any ideas on this error. I'll suggest you try to install the package and implement it in a fresh react native install if it works there then compare it with your project.

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

    And where is the sign up tutorial ?

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

    React native + redux + hooks how use

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

      Ok, I'll make a tutorial on these topics in the near future.

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

    yeah its yummy. here I am going to subscribe you

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

    looks like a good tutorial..although I never followed any tutorial but this time I am going o follow you If I am succeeded I will subscribe you :p

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

    not working !