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
0
votes
0 answers

How to insert a map from AGM-maps into a pdf generated with jspdf in angular?

I'm creating a vehicle tracking application and I'm using the data streamed onto a cloud-based database and displaying it onto a map using AGM-maps, tracing out its movement with the help of polylines.
Nooh Ahamad
  • 353
  • 10
  • 23
0
votes
0 answers

agm-polygon path is not getting updated on changes in component.ts file

Before changing path: paths = [ [{ lat: 51.673858, lng: 7.815982 ,label:"Node1"}, { lat: 51.373858, lng: 7.215982,label:"Node2" }],[ { lat: 51.673858, lng: 7.815982, label:"Node2"}, …
Shreyas
  • 1
  • 3
0
votes
0 answers

Module '"@agm/core"' has no exported member 'Marker' in Angular 14

I have upgraded to Angular 14 and I am getting the following error: Error in turbo_modules/agm-spiderfier@1.0.1/services/google-spider-types.ts (1:10) Module '"@agm/core"' has no exported member 'Marker'. Here is demo Link : …
Nikhil Makwana
  • 605
  • 2
  • 10
  • 21
0
votes
2 answers

Angular doesn't update object array after object is pushed

I am currently working on project where I use angular-google-map (agm), and I use different polygons to display different things. Now I want to draw on map so I get collection of coordinates which I can use problem is my object array doesn't…
Mihael72
  • 3
  • 2
0
votes
2 answers

Angular - agm seems to be blocking rendering

I have an Angular app (13.0.2), with Angular Google Maps. I am also using agm markers. In the template, I have a dropdown that filters the map points by type. While the filtering is in progress, I want to put a loading div, and hide the map. This is…
downer
  • 27
  • 1
  • 9
0
votes
0 answers

Forked package fails to build

I have forked a package @agm/markerclusterer, here: https://github.com/neverlose-lv/angular-google-maps I have made a commit. And now I want to use my "patched" version, instead of original one. But my build fails, because other modules, that are…
Sergej
  • 2,030
  • 1
  • 18
  • 28
0
votes
2 answers

how to know the markers information that are clustered on marker clustering in agm

I want to know about the marker information that are grouped under marker clustering in AGM google Maps.
Haneesh A
  • 1
  • 2
0
votes
1 answer

agm-map & agm-marker drag

This is the code for adding my agm-map for Indonesia. Right now center is at Jakarta as per latitude and longitude and whole map shows in map section. What I want is to allow marker movement to only Indonesia country. What is the way achieve, please…
Bimlendu Kumar
  • 226
  • 2
  • 17
0
votes
1 answer

Error while setting mapTypeId in Angular Google Map (AGM)

My code gives the following error while setting [mapTypeId]="'hybrid'" for agm-map ERROR in src/app/map/google-map/google-map.component.html:1:59 - error TS2322: Type '"hybrid"' is not assignable to type '"HYBRID" | "ROADMAP" | "SATELLITE" |…
Shikhar Bhatnagar
  • 1
  • 2
0
votes
2 answers

@agm/core modules are giving error in angular 7 'ɵɵdefineInjectable' was not found in '@angular/core'

i am using @agm/core libraries and few packages in angular 7. but i am getting error: WARNING in ./node_modules/@agm/core/fesm5/agm-core.js 4538:34-52 "export 'ɵɵdefineInjectable' was not found in '@angular/core' WARNING in…
Shubham Shaw
  • 841
  • 1
  • 11
  • 24
0
votes
1 answer

How to make agm-map disabled when using angular-google-maps?

I'm using AgmMap in an Angular 7 application. How can I make the map disabled, grayed out, while data is loading? The application awaits data before it can populate the map with markers, and I want the user to know it is awaiting data so user…
Tony Brasunas
  • 4,012
  • 3
  • 39
  • 51
0
votes
0 answers

Errors after adding @agm/core import statement (Angular 7)

I'm building a website using Angular 7 and Google Maps (agm) and I want to add a map to the location component. However, when I add import { MapsAPILoader } from '@agm/core'; to my location.component.ts file, I get multiple compilation errors that…
eee
  • 37
  • 2
  • 6
0
votes
0 answers

Google map is not working in Angular and giving an error of InvalidKeyMapError

I just installed agm/core and related stuff to use maps using these commands npm install @agm/core --save npm install @types/googlemaps --save-dev And then i imported AgmCoreModule like this in my module.ts import { AgmCoreModule } from…
Fahad Subzwari
  • 2,109
  • 3
  • 24
  • 52
0
votes
1 answer

Zoom issue between OpenLayers 6.4.3 and AGM (Angular Google Maps)

Before my update to OpenLayers 6.4.3 AGM (Angular Google Maps) and OpenLayers stayed in sync through loading, zooming, and panning...now the layers are operating out of sync with the OpenLayers vector layer moving faster than the AGM layer. SHARED…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
1 answer

clickMap event doesn't return coordinates | Ionic | Angular Google Maps

I have a map and a mapClick event and I'm trying to get coordinates. ts file onMapClick(event) { console.log(event); } html file
golgo13
  • 15
  • 2
  • 4
1 2
3
4 5