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

How can I extract the Lat and Long from google maps shared link (https://goo.gl/maps/2vV46xBbqiKp18MQA)

The case that there is someone that will input a link in a form and I need to decode that link to get lat and long to place the pin on an embedded map for him stack: JavaScript - Angular the problem is the google maps shared link is like this…
Horizon
  • 15
  • 6
-2
votes
1 answer

MapDirectionsRenderer in @angular/google-maps

"@angular/animations": "^11.2.14" "@angular/common": "^11.2.14", "@angular/compiler": "^11.2.14", "@angular/core": "^11.2.14", "@angular/forms": "^11.2.14", "@angular/google-maps": "^11.2.13" I'm not seeing MapDirectionsRenderer in the node_modules…
Doug
  • 665
  • 2
  • 8
  • 22
-2
votes
1 answer

GoogleMap dragend event on Polygon breaks Material Angular Snackbar

When using the snackbar from within a GoogleMaps listener for dragend on a Polygon, let polygon = new google.maps.Polygon({ map: this.map.googleMap, paths: coords.map(c => ({ lat: c.latitude, lng: c.longitude })), strokeColor:…
Brant Olsen
  • 5,628
  • 5
  • 36
  • 53
-2
votes
1 answer

How can I remove standard markers and leave only my own markers in Google map

The picture shows what I want to delete
Denis Bogush
  • 1
-3
votes
2 answers

Google maps API key error - Angular - ApiProjectMapError

I have an angular application where I have implemented Angular Google Maps (AGM) successfully. I have added the in the component. The typescript file has title, lat and lng: title: string = 'My…
IkePr
  • 900
  • 4
  • 18
  • 44
-7
votes
1 answer

how to change the particular marker color in angular maps

I have 5 markers displaying on the map, I want to change only one marker color, I am using angular google maps how can I do that. I have used the [iconUrl] to change color of the markers, but it is changing all the colors but I want to change only…
suresh kumar
  • 67
  • 7
1 2 3
…
35
36