Google Maps Component in Ionic/Angular

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

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

  • @thesamarthagarwal
    @thesamarthagarwal  6 лет назад +7

    GitHub Repo: github.com/samarthagarwal/googlemapsionic

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

      i can not thanks you enough ...you did gorgeous work الله يوفقك و يهديك يارب

  • @luiscarloshidalgocascante265
    @luiscarloshidalgocascante265 5 лет назад +5

    To prevent more suffering of anyone else with "cannot find namespace 'google' "
    npm install @google/maps
    THEN add in the top of the file:
    import { google } from '@google/maps';

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

      omg Thx buddy, was searching for a solution for a while now...

  • @kapscreators
    @kapscreators 6 лет назад +3

    Hi do we have to pay for Google app now

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

    Good one! But how can I add a search location function? any luck?

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

    Excelente Tutorial, you save me haha.

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

    Hello sir,
    How can we get live location of other device, like in whatsapp.. Please help in this. Waiting for your reply

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

    hi, i have a error " ReferenceError: google is not defined" can you please help me

  • @erickzonmanueltorrescollah8047
    @erickzonmanueltorrescollah8047 6 лет назад +1

    And, If I want add multiple markers to map. How would it be?

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

      Erickzon Manuel Torres Collahua same as you added the first one.

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

    hello, well explained tutorial can u provide it in ionic 4 please

  • @gibsroute66
    @gibsroute66 6 лет назад +1

    Excellent tutorial. Thanks. What about adding markers via a form?

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

    This is not working in android native device

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

    the json MapOptions did not work for me!

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

    Hi @Samarth. I would like add maps to my app in IONIC and i have a question. If i add fields to write coordinates, then if i use this new coordinates to marker in your code (after click search button), then map automatically change position to new ? Is possible without reload page ?

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

    Please tell me how track people and get the location continuously

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

    On IONIC 4 you need to add "declare var google;" at the top of your file where you want to use.

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

    What a good video mate, thanks a lot for sharing your knowledge

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

    How do I add autocomplete to place search and then add a marker? Can you make an tutorial for this? Thank you!!!

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

    when I run ionic cordova run browser, there's an error who says that the library doesn't exists :( I tried to reinstall the package over and over but the error persists :( heeeeeeeelp :(

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

    Is there any way to showing address of that marker?

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

    Thanks for sharing videos

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

    Hi samarath, thanks for the great tutorials. please help me how can i add multiple pins and search box at the top for searching different locations.
    thank you

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

    must I add a billing account in goggle to use this goggle map in my app?

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

    how to did get map intellisense ?

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

      Install types for google maps

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

    very good thank you very much, it helped me a lot.

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

    great!!!! Thanks a lot friend.

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

    nice tutorial. how about implementing search bar?

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

    hi you do have video on geolocation in ionic ?

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

    Great tutorial. I can use this in an app today. Thanks man!

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

    This man :) keep great work

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

    Good job friend!

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

    Ionic 4 anyone? It doesnt show any error but map is not shown :/

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

    y con google maps native

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

    Im getting a typescript error " cannot find name google"

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

      You need to add - declare var google;

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

      Thanks, Its now working even if i didn't add the declaration. Was using your project "googlemapsionic" from github. My question now is if I change the coordinates and re-run the project like below
      let coords = new google.maps.LatLng(-17.827 ,31.0583);
      I get a typescript error " cannot find name google" but if i revert to your original coordinates its working just fine.

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

      Probably kinda late, but I think its due to the space in the middle of the coords, I was having the same error

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

    Does this work with ionic 4?

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

      I haven't tried but there is no reason that won't. It should.

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

      @@thesamarthagarwalI've tried, it does not work, can you make an example with IONIC 4?

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

      @@luisandro late answer but you need to add "declare var google;" at the top of your file where you want to use google

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

      @@sventh6617 Thanks for answer. Do you use google maps and ionic 4?

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

      @@luisandro yeah, i do

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

    the indians are the best in programming ❤️