Questions tagged [agm]

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. 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

68 questions
6
votes
2 answers

Trouble getting Angular Google Map AGM to work with Angular 11

I installed agm/core using npm like this: npm install @agm/core The following warnings were displayed: npm WARN @agm/core@3.0.0-beta.0 requires a peer of @angular/common@^9.1.0 || ^10.0.0 but none is installed. You must install peer dependencies…
Glen Au-Yeung
  • 679
  • 6
  • 23
2
votes
1 answer

Change agm-map google maps API Key dynamically in Angular 7

I am building an app that lets you edit maps, the editor has google maps with the Agm map module, the end result for the user is an iframe with his map to embed into his webpage. I am using the module for the editor, and in the app.module.ts I…
2
votes
1 answer

Angular2+ Angular Google Maps - Configure Map Clusters, Calculator and Options

I need help to implement MarkerCluster with a calculator function. Basically I need to group some markers in a cluster, and use a Calculator to dynamically show images and text in each Marker. Actually my map works, I show the Markers and some…
1
vote
0 answers

Can I use vector map with angular google maps (Agm) and typescript?

I want to create a vector map with angular google maps and I don't know if it is possible. I'm using styles directive from AGM to give the map the style I want, but I want the map to be a vector one. Can I do it? Thank you!
Cinc
  • 33
  • 4
1
vote
2 answers

Property 'map' does not exist on type - Angular Google Maps project

Im new to angular and trying to make a simple google maps application. I keep getting this error error TS2339: Property 'map' does not exist on type 'AppComponent' Im trying to access the map attribute but I cant. Perhaps I havent initialised it…
staf
  • 21
  • 3
1
vote
0 answers

Angular Groundoverlay

I am looking for groundoverlay library in AGM. Is there is any way to show overlay transparent images on google map something as shown below in the link. Google Maps GroundOverlay http://www.ryecemetery.com.au/locate.html I am using below code for…
meenu
  • 77
  • 6
1
vote
1 answer

Loading images on google map using AGM

I have one requirement to show/hide images on google map using agm something as shown below. I think there is some utility is available with AGM, however i am not aware of it.Below is my code to load map and on handleOnTilesLoaded() method I would…
meenu
  • 77
  • 6
1
vote
1 answer

Error while building Angular app with agm-spiderfier

I a getting error while compiling my code with AGM Spidefier library \node_modules\agm-spiderfier\index.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. Below are my…
meenu
  • 77
  • 6
1
vote
1 answer

new google.maps.Map(document.getElementById('agmmap'),{}) causes agm map to disappear

Im trying to use google places library with agm map. html
Arjun
  • 687
  • 1
  • 12
  • 26
1
vote
1 answer

"Async function did not complete within 5000ms" when creating a unit test on a page with AGM

I just created a component with a map for my ionic+angular app. It's quite simple, just display one marker at one location: Spots
J4N
  • 15,713
  • 29
  • 136
  • 260
1
vote
1 answer

agm-circle Cannot read property 'then' of undefined at Observable.subscribe

Good afternoon, I am new to angular 8 and AGM maps, I am trying to generate a circle on the map but when I implement it I get the following ERROR TypeError: Cannot read property 'then' of undefined at Observable._subscribe (agm-core.js:292) …
MRSDY SOTO
  • 17
  • 4
1
vote
1 answer
1
vote
1 answer

Google Maps JavaScript API error: ApiNotActivatedMapError altough Google Maps JavaScript API is enabled

I want to display a simple Google Maps on my Website. I followed several tutorials and they always tell me the same: Generate API KEY, Enable the Google Maps API and type in this code... First it loads correctly with the latitude/longitude I want…
Grg Kro
  • 590
  • 2
  • 16
1
vote
2 answers

How do I center the agm-map on the marker?

I'm trying to center google maps on the marker, what I get is this : What I want as an end result is the picture above. For some reason it's not centered at all. Here is my HTML code:
1
vote
1 answer

stats.js error 500, when using AngularGoogleMaps styles input

I use Angular Google Maps. And everything is working well except one thing. Once I want to add styles to the map, using the styles input attribute, I get an error: js?v=quarterly&callback=agmLazyMapsAPILoader&key=mykey:78 GET…
Sergej
  • 1,559
  • 11
  • 21
1
2 3 4 5