Stack Overflow
Stack Overflow

Questions tagged [angular-google-maps]

Angular Google Maps is an Angular component library for integrating Google Maps, including their various APIs. As Angular1/AngularJS has sunsetted, this tag is now for Angular 2+

AGM is a component library for including google maps in your Angular application. All usage problems with this library can and should be tagged with this tag. If it's an obvious bug, or a feature request, it belongs in our github issues.

AGM provides several Components and Directives representing some of the most widely used Google Maps Objects. Here are some of them:

  • <agm-map> represents the actual map
  • <agm-marker> represents a marker on the map
  • <agm-polyline> represents a polyline

Full documentation is available on our website, angular-maps.com. See also github project page

531 questions
6
votes
4 answers

Angular Google Maps zoom is working just once then you can not change zoom value

I am working on a project which is used agm. Everything is fine apart from zoom issue. I put a lot of marker on the map and when I clicked one of them I want to to zoom it's latitude and longitude. I can center this markers latitude and longitude…
Deniz Bayar
  • 169
  • 1
  • 9
6
votes
3 answers

How to add custom google maps styling xml in agm-map

I am trying to customize the google maps with the help of https://mapstyle.withgoogle.com/, custom google maps styling. I am using angular google maps(https://github.com/SebastianM/angular-google-maps) library in my angular app. I want to include…
Anil
  • 1,748
  • 8
  • 32
  • 67
6
votes
4 answers

Change angular-google-maps language dynamically

Is it possible to change map language dynamically when language is changed ? Or at least have the language map changed the next time I access it (after language is changed). I can set default language on map loading using this code (in…
Michel_
  • 127
  • 4
  • 13
6
votes
5 answers

How to style agm-marker label

How to styling agm-marker-label - max-width for set text to center ? I can change label position but can't set min-width for centralization label name.
Максим Попов
  • 61
  • 1
  • 1
  • 4
6
votes
0 answers

Angular Google Maps idle event fires multiple times

I am using angular-google-maps v-2.3.3. I am loading markers using the "markers" directive and using map "idle" event for some manipulations. My problem is, Every time when the user zoom in or zoom out or pan the map, "idle" event is getting fired…
logesh
  • 303
  • 2
  • 8
6
votes
1 answer

GoogleMaps : Design Custom Price Marker

I'm developing a mobile application using ionic and have a requirement to show places in google maps with price marker like this : I wrote a very basic code to integrate google map with markers. MapController controller('MapController',…
Tushar
  • 1,115
  • 1
  • 10
  • 26
6
votes
2 answers

Listening to `set_at` event using the ui-gmap-polygon

I'm currently using the DrawingManager to allow users to draw shapes on the map. Once a shape is drawn, I set up a listener on the polygon's path so I can react after the path has been changed: var polygonPath =…
Andy T
  • 10,223
  • 5
  • 53
  • 95
6
votes
4 answers

Google Maps doesn't load the 2nd time - AngularJS

I'm using the GoogleMap API ('angular-google-maps' js package) and I have a very weird behavior. The first time I load it, i get the full map loaded, like here: Then i close the dialog and reopen it, i see this: Keep in mind, that the map is…
Or A
  • 1,789
  • 5
  • 29
  • 55
5
votes
3 answers

Error : ApiTargetBlockedMapError In AGM Map Using Google Map API

I tried to include Google map with Multiple locations. For One location Iframe is working fine. I don't know how to Implement Multiple locations in Iframe. So I tried With AGM. The Same APIKey Im used for AGM Also.But getting Error that Google Maps…
nayan
  • 89
  • 1
  • 1
  • 7
5
votes
3 answers

How to set map to center on a marker? - Angular Google Maps

I cannot center my Google map on a marker after I geocode. I have two markers: The initial marker (the one that is centered on, does not change), the other one changes based on the geocoding, and after geocoding, it will be centered on every…
Compiler v2
  • 3,509
  • 10
  • 31
  • 55
5
votes
1 answer

Specifying Starting Location For Google Places Autocomplete with Angular

I'm using the Google Places Autocomplete API with Angular provided by AGM. It works great, but I'm having trouble setting my starting location manually. Meaning, if I'm sitting at my computer in Los Angeles, I would like the ability to tell the API…
jackel414
  • 1,636
  • 2
  • 13
  • 29
5
votes
1 answer

AGM Map: set the zoom level to include all markers

To set the map zoom level to include all the location markers, I have tried two options as suggested in this post. Here's what I did: export class LocationSelectionComponent implements OnInit, AfterViewInit { @ViewChild('AgmMap') agmMap:…
devC
  • 1,384
  • 5
  • 32
  • 56
5
votes
1 answer

Reverse geocoding in angular google maps

getAddress( lat: number, lng: number ) { console.log('Finding Address'); if (navigator.geolocation) { let geocoder = new google.maps.Geocoder(); let latlng = new google.maps.LatLng(lat, lng); let request = { latLng: latlng…
Anil
  • 1,748
  • 8
  • 32
  • 67
5
votes
0 answers

Angular-google-maps panTo doesnt work

Hi so I've some angular/bootstrap code and trying to pan to position. I think that the problem is in different instances of GoogleMapsAPI Wrapper. Btw. zoom and print circle dont work too. constructor(private _service: MapService, …
Norbert Nowak
  • 375
  • 3
  • 13
1 2
3
…
35 36