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
5
votes
1 answer

Rotate markers in angular-google-maps

I am trying to make the plot the path as moved by a vehicle. I am using @agm/core angular-google-maps in angular. I am not able to find anything in the documentation that is helpful to rotate the marker. The iconUrl property do not give enough…
Nutan
  • 1,478
  • 3
  • 12
  • 19
5
votes
1 answer

Angular - Is it possible to destroy component (not dynamically created)?

I am using Angular 2 google map one of our application. We are loading marker every 5 secs using Sockets. The problem is need to remove previous marker when new marker receive from socket. There is no proper documents in Angular map official site.…
Kesavan R
  • 649
  • 1
  • 5
  • 23
5
votes
3 answers

Angular JS Error: 10 $digest() iterations reached. Aborting

I'm using angularjs-google-maps and am getting an error when trying to loop over my customers as markers on a map.
realph
  • 4,481
  • 13
  • 49
  • 104
5
votes
1 answer

Angular-google-maps: How to show Title and Description dynamically on markers

I am using Angular-google-maps, HTML code follows
user4870812
5
votes
2 answers

Set Google Maps bounds with angular-google-maps

I'm trying to set bounds into Google Maps instance but with no success. I'm using AngularJS and angular-google-maps module. My last try was:
5
votes
2 answers

Refreshing map and markers with angular-google-maps

Hi I am using the angular-google-maps for my project. The html and js code is as follows html:
rOrlig
  • 2,489
  • 4
  • 35
  • 48
5
votes
2 answers

Can't click on KML Layer inside a polygon

My problem is kind of simple, but I can't find how to fix it. I'm using AngularJS with Angular Google Maps (https://github.com/angular-ui/angular-google-maps) I have a simple map, with just a polygon and a KML layer, which displays a single marker…
5
votes
1 answer

Angular google map window directive with templateParameter attribute

I'm using Angular-google-map library to show markers with windows like this :
5
votes
3 answers

angular-google-maps does now show correctly when it's hidden at start

When map starts hidden with ng-show/ng-hide, it does not show correctly once visible. Same trouble with a standard map, only we can send a resize to it since we have access to the map object. Here's a sample that starts with the map hidden. The…
4
votes
1 answer

How to change the size of the agm-info-window in css

I am working with angular-google-map.I want to change size of the information window that is for mobile screen.So I am applying css in media queries.Its not applying to the info-window at all.Even if css placed outside the media query its not…
Karthi
  • 3,019
  • 9
  • 36
  • 54
4
votes
2 answers

Arrow Symbols (Polyline) for AGM(Angular Google Map)

In angular 6. I am using flowing code for agm-polyline. I want to add Arrow Symbols (Polyline) (https://developers.google.com/maps/documentation/javascript/examples/overlay-symbol-arrow) in agm-polyline. But compiler shows error like Can't bind to…
4
votes
1 answer

Setting info-window offset for agm snazzy-info-window

I'm using agm and agm snazzy-info window. Since the marker I'm using is small, the info window is too far from the marker. Looking at snazzy-info-window docs - https://github.com/atmist/snazzy-info-window#offset seems like they let you set the…
danieln
  • 4,795
  • 10
  • 42
  • 64
4
votes
0 answers

agm polygon get paths

I am using angular google map and I have an editable polygon in my template like following
4
votes
2 answers

agm-map dynamic display/updation of markers not working

I am using Angular Google Maps (https://angular-maps.com/) in an Angular 5 application, also using socket.io for polling of the latitude and longitudes from server. I'm able to push the data to an array in the component, but the agm-map isn't…
4
votes
2 answers

agm-marker's markerClick() is returning null

From the angular google maps API, we have a markerClick() function with the following definition, @Output() markerClick: EventEmitter = new EventEmitter(); But when I am using in my application, I am getting NULL. I have the following…
Anil
  • 1,748
  • 8
  • 32
  • 67