Stack Overflow
Stack Overflow

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

64 questions
16
votes
4 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…
Glenster
  • 1,187
  • 2
  • 13
  • 31
6
votes
1 answer

How to fix Angular 13 (peer) dependency error on npm install?

I'm developing a Angular component library and since the update to Angular 13 we have some errors during npm i @our/library@14.1.1-beta.1 of our library: npm ERR! While resolving: test-app@0.0.0 npm ERR! Found: @angular/common@13.2.7 npm ERR!…
Juuro
  • 1,487
  • 5
  • 16
  • 27
4
votes
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
  • 67
  • 6
3
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…
Leonardo Machado
  • 63
  • 1
  • 3
  • 6
2
votes
0 answers

Test Angular Google Maps maps using Cypress

I am having a problem to test AGM. Stores should be shown on the map. I have mocked the store location I want to select like this cy.visit(url, { failOnStatusCode: failOnStatusCode, onBeforeLoad(win: Cypress.AUTWindow) { …
FarFarAway
  • 1,017
  • 3
  • 14
  • 35
2
votes
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
  • 19,480
  • 39
  • 187
  • 340
2
votes
1 answer

AGM polygons binding does not update model

…
daniel
  • 34,281
  • 39
  • 104
  • 158
2
votes
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…
Boommeister
  • 1,591
  • 2
  • 15
  • 54
2
votes
3 answers

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…
Guillermo Bascuñana
  • 85
  • 2
  • 12
1
vote
2 answers

AgmCoreModule.forRoot returns a ModuleWithProviders type without a generic type argument Angular 14

I have upgraded to Angular 14 and I am getting the following error: Error in turbo_modules/@agm/core@1.1.0/core.module.d.ts (29:79) AgmCoreModule.forRoot returns a ModuleWithProviders type without a generic type argument. Please add a generic type…
Nikhil Makwana
  • 605
  • 2
  • 10
  • 21
1
vote
1 answer

How to disable pegman and fullscreen options in agm angular?

I am using AGM Google map for my angular applications and trying to remove pegman and fullscreen options from the code. here is my code.
Atif Azad
  • 697
  • 2
  • 9
  • 21
1
vote
0 answers

fail to use forked dependency from npmjs

I need to add a feature to get a list of grouped markers by the marker clusterer of this package: https://www.npmjs.com/package/@agm/markerclusterer Currently - there is no such ability and it seems that the repo is not updated for a long time. I…
Sergej
  • 2,030
  • 1
  • 18
  • 28
1
vote
1 answer

Angular agm map not rendering when using [mapTypeId]

I have a component which is basically a agm map. It works perfectly showing markers, circles and stuff, but now I am introducing the [mapTypeId] property and it is not working anymore. It shows the markers, but the whole map is not rendering. It…
Videgain
  • 155
  • 3
  • 15
1
vote
0 answers

add multiple polyline in angular 7 using agm npm package

I am using angular google map(AGM) npm package. following is code …
sangRam
  • 315
  • 4
  • 17
1
vote
0 answers

make aliases to GoogleApi Namespaces in angular

I'm using agm and trying to make naming shortcuts for googleapi by using namespaces aliases in typescript: //general export import GoogleMap = google.maps.Map; export import GoogleStyleOptions = google.maps.Data.StyleOptions; //map export import…
Hen Bar Levi
  • 111
  • 7
1
2 3 4 5