Academind, is this a series!!? Though I'm not well with angular but I'll be waiting bro, I bet I'll learn a lot of maps and angular too, as you have a way of teaching that makes things stick. Keep up the good work
If anyone is getting on the console.log(event) from the mapClick "c", then you need to downgrade your agm/core package to 1.1.1 because above this the mapClick doesn't work and is having bugs.
A little question. How do I access other google maps functionality ? For instance, the geometry library for calculating distance of a polyline, or other stuff. Thanks.
Max Special Request from a loyal fan,... can you do Maps A to Z ? The whole nine yards the new routes and places and integrating em all ? Just a small request :)
This package for basic use is good, but if you planing to use it for having feature like adding data layers etc, this package have poor documentation, any beginner may not know how to use it for generating the data layers. Some of the code still don't work.
Its working fine in desktop browsers but not loading in the mobile browser (Safari or Chrome). I am setting the height to 300px and width to 100%. Any ideas on how this can be resolved?
Hi I am working on Ionic 3 trying to integrate AGM in the app pages with ionic serve cmd ... AGM work fine with the ng serve in the app component page... but when I am trying to join AGM in custom made page its not working and its showing blank.. console log errors (polyfills.js:3 GET localhost:8100/maps.css 404 (Not Found))
Please help i am desperate and cannot get mapClick to log the coords for the life of me unless I consle log this and then it only comes out in some weird format that I can't access
I'm using "ng2-google-place-autocomplete" module, to use it I have to import into my index.html the line: but the problem is that I got this error: "You have included the Google Maps API multiple times on this page. This may cause unexpected errors." If I omit this line I can't use it, how can I use the same api key for both modules? Thank you for your help.
But how can you hide your Google Maps API key? You can't pass it like that in the app.module.ts file because it gets commited and pushed to remote repo. With this approach, you basically give out an API key. If I use Express + vanilla JS on the frontend, I can simply store the key in the .env file and pass it to the layout through router using dotenv. I have no idea what to do with Angular.
Hi, I'm facing this issue, can you please explain how to resolve. I tried all the steps mentioned but unable to get out of this error. Error: XXX/node_modules/@agm/core/services/maps-api-loader/lazy-maps-api-loader.d.ts (1,10): Module '"XXX/node_modules/@angular/core/index"' has no exported member 'InjectionToken'. Thanks
the Weather app you have created using angular 2 , i want to extend it to show country selected in google map on click of country tile. Also, the map should in different tab so that will learn routing also. please suggest. it will be really helpful in completing my app.
I had the same problem, seems to be a bug in v 3 beta. I reverted back to v 1 and it works fine. Run npm install @agm/core@1.1.1 or change the version number in your package.json and do an npm install
The amount of knowledge i gain from your videos comparing to other tutorial is insane!, Big Up for every content, all of them are helpful. PS: How can you add a placecard inside element. Thanks
Thanks so much, really awesome to hear that! I don't know if it's possible to manually add a placecard to be honest. I never did it and I guess it's added automatically if you include Google maps via an (as described here: stackoverflow.com/questions/36654404/google-maps-add-a-placecard)
the Best Angular teacher until now...i am ALSO following the Complete course! Congratz! Anyway Max the Maps is shoed, but i receive some (red) errors in the console.log: 1) initMap is not a function"; 2) You have included the Google Maps API multiple times on this page. This may cause unexpected errors. 3) stats.js:4 Uncaught TypeError: _.lf is not a constructor... any hint? I am on angular-cli 6+
Getting error that you have exceed the daily qouta for place autocomplete api, where is the error ? I m using angular 5 . This is showing just after first request.
Getting error that you have exceed the daily qouta for place autocomplete api, where is the error ? I m using angular 5 . This is showing just after first request.
thanks a lot for your tutorials. could you share info on how to get address from the coords in angular? is there any link that you would recommend to follow for that? thank you.
Thank you for your great feedback! It's always difficult to meet everybody's expectations but as long as most of you enjoy the videos I'm totally happy :)
Hi, I need some help here please. I've followed the video all the way till 5:19 but I get stuck here as the map just won't load. It keeps saying "Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details." in the browser. Any one knows how do I get around this issue? Thank you.
Hi Max, Thank You for the Video. Can you please tell how to change the agm-map center dynamically? meaning if a user chooses a particular country or city from a dropdown the map should load in the selected place.
Getting error that you have exceed the daily quota for the api. I m using angular 6 . This is showing just after first request. Can anyone help me this?
Hi guys :). Is there any way to do reverse geocoding with AGM in Angular 5? And if yes, how should I do it? Cause I have already browsed whole stackOverflow and google as well and no result. Any help will be appreciated. Also I am big fan, Max. You´re doing awesome work :)
Fantastic video! Really concise, straightforward, and well explained. Thank you, Max.
The getting-started page of the angular-maps is broken as of today! I cannot find any documentation related to the agm library!
It looks strange, cuz I use it in Angular 12, and it still works.
Excellent starting point Max. Thanks for sharing.
Thanks a lot Ramon, happy to read that you like the first video of this series!
Academind, is this a series!!?
Though I'm not well with angular but I'll be waiting bro, I bet I'll learn a lot of maps and angular too, as you have a way of teaching that makes things stick.
Keep up the good work
Max is always the best.
Never thought the video link on the website would take me to the Max.
great job always enjoy and learn a lot from your videos
Very practical and useful video, thanks heaps!
Youre breathtaking! all your videos are really helpful and really easy to understand. You're awesome!
I tried using the native google maps api with vanilla JS in an Angular 5 project and ran into tons of problems! This video was so helpful!!
same here...
You are a hero, Max
Max, you're awesome ....
YOU are awesome Dzenis, thanks so much for your support!
he is someone i truly admire haha
I took your course in Udemy ionic 4. You are the best instructor I ever saw in my life. 1^749382616192519143948362 infinity times star.
Wow, I really want to thank you for your wonderful feedback Rammaya :)
Yup, thanks for sharing Max!
Thanks a lot for your comment!
thank you so much this video helps me a lot
Amazing video man, appreciate it!
Nice example, but how i can get the LONG and LAT from address typed in input, thanks!
Best tutorial, thank you for creating this
very useful tutorial! keep going
Hi sir...Good Job...
How can i get the apiKey?
Appreciate the tutorial. Great video.
Hi Max, nice lecture, as usual.
Have you implemented google map auto complete ( for addresses ) in Angular ?
Is there a snippets for direction renderer and direction service?
@agm/core library in not compatible with the angular ^16 versions, its of no use now
If anyone is getting on the console.log(event) from the mapClick "c", then you need to downgrade your agm/core package to 1.1.1 because above this the mapClick doesn't work and is having bugs.
how can i downgrade it
@Jatin Sharma as far as i know you can just rewrite the version in "package.json" and "package-lock.json" (saw it in some blog)
Thanks
A little question. How do I access other google maps functionality ? For instance, the geometry library for calculating distance of a polyline, or other stuff. Thanks.
Max Special Request from a loyal fan,... can you do Maps A to Z ? The whole nine yards the new routes and places and integrating em all ? Just a small request :)
Thanks for the suggestion Dan. I cannot promise if/when such a video is coming, but I put it onto my "ideas" list :)
Hi Max, How can I integrate my current location as the default location. And integrate GPS service to agm-maps.
Does agm supports Angular 13 ? because I am facing issue while migrating..
How to have roads connecting locations together?
This package for basic use is good, but if you planing to use it for having feature like adding data layers etc, this package have poor documentation, any beginner may not know how to use it for generating the data layers. Some of the code still don't work.
Thanks Max!
Thank YOU for your comment!
Hi , I dont get the map even after adding the height. There is no any errors too. What could be the reason ?
Obrigado estamos apreendendo muito aqui no Brasil.... parabéns pelo vídeo.
Muito obrigado Thiago :)
Very useful, thanks!
Happy to read that, thank you :)
Awesome 👏
Thanks Alot. You saved my time
Happy to read that, thank you for your comment!
Someone send this guy some flowers please
adding the google api-key in the angular part is safe ? if not then can you tell me how can i get that through spring boot and mysql?
how add blue dot to current location please help me max
Thank you for this video, maybe you know how to set apki key dynamically?)
Thank u for this awesome video
Thank YOU for your amazing feedback Abhishek!
How can I hide the google maps API from GitHub?
Hi Max, How to display button zoom in/out like that + / - on this map. And how to enable the switch to google street view.
Thanks you!
Its working fine in desktop browsers but not loading in the mobile browser (Safari or Chrome). I am setting the height to 300px and width to 100%. Any ideas on how this can be resolved?
Always great explination
Happy to read that Earl, thank you!
awesome!!! How would I add a Transit Layer? Really struggling to find anything
Hi I am working on Ionic 3 trying to integrate AGM in the app pages with ionic serve cmd ... AGM work fine with the ng serve in the app component page... but when I am trying to join AGM in custom made page its not working and its showing blank.. console log errors (polyfills.js:3 GET localhost:8100/maps.css 404 (Not Found))
Google is asking me to enable billing to use this api? What am i doing wrong?
Please help i am desperate and cannot get mapClick to log the coords for the life of me unless I consle log this and then it only comes out in some weird format that I can't access
Nice tutorial 😎🤓
I want to show path between to marker how can I add this?
Great video!
Thank you Tarun :)
is AGM still maintained package ?
How are the keys not exposed to the user?
I'm using "ng2-google-place-autocomplete" module, to use it I have to import into my index.html the line:
but the problem is that I got this error: "You have included the Google Maps API multiple times on this page. This may cause unexpected errors."
If I omit this line I can't use it, how can I use the same api key for both modules?
Thank you for your help.
drawing tools couldn't be added to agm map
my angular 15 does't support this package
But how can you hide your Google Maps API key? You can't pass it like that in the app.module.ts file because it gets commited and pushed to remote repo. With this approach, you basically give out an API key. If I use Express + vanilla JS on the frontend, I can simply store the key in the .env file and pass it to the layout through router using dotenv.
I have no idea what to do with Angular.
Hi,
I'm facing this issue, can you please explain how to resolve.
I tried all the steps mentioned but unable to get out of this error.
Error:
XXX/node_modules/@agm/core/services/maps-api-loader/lazy-maps-api-loader.d.ts (1,10): Module '"XXX/node_modules/@angular/core/index"' has no exported member 'InjectionToken'.
Thanks
Hi Max, should we go with AGM or the google maps angular. I see AGM page is broken.
That's nice but how to get lng and lat from string address
What changes are needed if you want to use agm in a separate module? Where should I include AgmCoreModule.forRoot({ apiKey: ' ' }) ? Thanks
Thanks. But unfortunately, for me the site isn't available. Were there moved at an other domain?
Is it possible to show directions?
Try to install the npm agm-direction
Getting error that you have exceed the daily qouta for place autocomplete api, where is the error ? I m using angular 5
the Weather app you have created using angular 2 , i want to extend it to show country selected in google map on click of country tile. Also, the map should in different tab so that will learn routing also. please suggest. it will be really helpful in completing my app.
Hey, if I click on the Map the output is just a simple "c" nothing more.... Why?
onChooseLocation(event) {
console.log(event);
}
I had the same problem, seems to be a bug in v 3 beta. I reverted back to v 1 and it works fine. Run npm install @agm/core@1.1.1 or change the version number in your package.json and do an npm install
@@geodev6030 @1.1.0 FTFY
The amount of knowledge i gain from your videos comparing to other tutorial is insane!, Big Up for every content, all of them are helpful.
PS: How can you add a placecard inside element. Thanks
Thanks so much, really awesome to hear that!
I don't know if it's possible to manually add a placecard to be honest. I never did it and I guess it's added automatically if you include Google maps via an (as described here: stackoverflow.com/questions/36654404/google-maps-add-a-placecard)
Mate, one of greatest online-teachers, i just bought two of urs angular courses, just about to dive in them.
Nice example .. but how do you add markers (dynamicly) via code and not via template?
the Best Angular teacher until now...i am ALSO following the Complete course! Congratz!
Anyway Max the Maps is shoed, but i receive some (red) errors in the console.log:
1) initMap is not a function";
2) You have included the Google Maps API multiple times on this page. This may cause unexpected errors.
3) stats.js:4 Uncaught TypeError: _.lf is not a constructor...
any hint?
I am on angular-cli 6+
Thank You so much Max. It's very helpfull!!!
That's just fantastic to read, thanks a lot for sharing this!
Getting error that you have exceed the daily qouta for place autocomplete api, where is the error ? I m using angular 5 . This is showing just after first request.
angular-maps.com , here getting started does not work anymore, is there any other source of documentation for this?
Hi can you make a video on how to use the TH-cam API? Thank you , looking forward.
Getting error that you have exceed the daily qouta for place autocomplete api, where is the error ? I m using angular 5 . This is showing just after first request.
is this tutorial a part of one of your courses ?
thanks a lot for your tutorials. could you share info on how to get address from the coords in angular? is there any link that you would recommend to follow for that? thank you.
Max, you're awesome ....
I'am really wondering about the guy who disliked this video
Thank you for your great feedback! It's always difficult to meet everybody's expectations but as long as most of you enjoy the videos I'm totally happy :)
awesome ,how to restrict user to specific country ?
@Max: What if i need to assign api key dynamically how can I achieve that?
We want to pay amount for apikey
Hi, I need some help here please. I've followed the video all the way till 5:19 but I get stuck here as the map just won't load. It keeps saying "Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details." in the browser. Any one knows how do I get around this issue? Thank you.
Add map JavaScript api it will work
Hi, Max. I am currently following your courses in Udemy and thanks you help me again. >_
Hi Max, Thank You for the Video. Can you please tell how to change the agm-map center dynamically? meaning if a user chooses a particular country or city from a dropdown the map should load in the selected place.
hey i installed agm im getting errors like cannot find namespace google
got it fixed....had to npm install @types/googlemaps
version 3.39.12
add "googlemaps" in types array in tsconfig.app.json
angular 10
Is there any way by which I can hide or put the API key someplace else rather than in the component file. May be save it as a constant ?
Hiding is not possible, your frontend code is always accessible. See: academind.com/learn/javascript/hide-javascript-code/
How do I point one icon marker to another?
Hi, namesake! Can you please say about markers clustering?
Getting error that you have exceed the daily quota for the api. I m using angular 6 . This is showing just after first request. Can anyone help me this?
That's awesome max, every time while placing marker on map it comes to centre can i place marker with respective area not at centre Thank you.
is it work in angular 12?
But you need to enter your creditcard number, right? :/
how to change the theme of map like in google map night theme in agm any help will be appreciated
That's an great video, very helpful. Is there any chance of getting Dev API key?
Hi guys :). Is there any way to do reverse geocoding with AGM in Angular 5? And if yes, how should I do it? Cause I have already browsed whole stackOverflow and google as well and no result. Any help will be appreciated.
Also I am big fan, Max. You´re doing awesome work :)
Do you have to pay for the api?
Gracias!
Thank you Sergio!
How we can change Map language dynamically??
how to set zoom on coordinates??
how to using *ngFor for group of markers?
do you know if this can be used with pubnub?