DEV Community

Cover image for Setup Google Maps with AGM in Angular App

Setup Google Maps with AGM in Angular App

Pato on October 14, 2019

Always wondered how to setup Google Maps the easy way in an Angular project? Here's I'm going to show you how. If you are looking to add a lot of...
Collapse
 
abuakkar profile image
Abubakkar-Tahir-Khan • Edited

every thing is ok there is no error in console but not showing map on browser

Collapse
 
devpato profile image
Pato

Did you add this part ? agm-map {
height: 500px;
}

Collapse
 
abuakkar profile image
Abubakkar-Tahir-Khan

hy thanks working fine but can you tell me i have add input for search and filter record in markers but when there is not record exist in the map so then do not show map show

there is no record find

Thread Thread
 
awesomeaiden profile image
Aiden Gonzalez

Hi, how did you get your app to start working? I have the same issue you had with no map showing up on the browser at all. What did you do after that point to get the map to show up?

Thread Thread
 
devpato profile image
Pato

Abuba, so the tutorial part works now? but now you want to add a search input functionality?

Thread Thread
 
devpato profile image
Pato

Aiden, what part you are stocked on? The tutorial part or an extra functionality? I'm down to help if I can see some code

Collapse
 
abhishekronan profile image
Abhishekronan

Hi Pato,
can we have a selection menu list with countries and when we select a country, the marker should point to that country on world map.? How to pass lat and lng values to the markers of different countries? I stuck here. Please help me. thank you.

Collapse
 
prashanthyd profile image
prashanthyD

Hi, agm-map is loading in localhost but not working after deployment. Here is the screenshot. Can you please am I missing anything?

Image description

Collapse
 
prashanthyd profile image
prashanthyD

Can anyone please reply

Collapse
 
prashanthyd profile image
prashanthyD

Hi, For me agm-map is loading in local host but after giving deployment agm-map not loading. Can anyone tell why map not loading after deployment.
here is the screenshot after deployment

Image description

Collapse
 
arpitarora profile image
arpitarora • Edited

Hello sir can you please tell me how to reverse geocoding will be done like if we have two input box lat and lang after inputting the value then map will move according to lat and lat please

Collapse
 
layzee profile image
Lars Gyrup Brink Nielsen

How does AGM compare to the offical @angular/google-maps library?