Skip to main content
545 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
39 views

I use @angular/google-maps for my mobile application. It may sound wild why I don't use capacitor/google-map, first I use this, but I needed to make a custom cluster icon, which is not provided by ...
Paul Polishchuk's user avatar
  • 1
2 votes
1 answer
258 views

Having updated an Angular v19 app to Angular v20, the Google Maps API is not being loaded in the Karma unit tests. All the unit tests on components which serve Google Maps fail with the following ...
Winthorpe's user avatar
  • 1,272
1 vote
1 answer
32 views

I have a component which visualize some data in an mat accordion, next to it is a google map which shows the location of each data point. On top of the component I have a dropdown, depending on the ...
Christian's user avatar
  • 922
0 votes
0 answers
70 views

I work with angular 19 and "@angular/google-maps": "^19.1.2". I currently have a map component used in a specific usecase which uses a map with advanced markers, the clusterer and ...
Christian's user avatar
  • 922
0 votes
0 answers
92 views

I have this in my angular 18 project. I use "@angular/google-maps": "^18.2.3" for this. In this map component when I do right click I pull down a custom context menu. There I have ...
Viira's user avatar
  • 4,016
0 votes
1 answer
343 views

I am using the @angular/google-maps package with several Advanced Markers (since MapMarkers are deprecated): <google-map height="400px" width="750px" [center]="center&...
DonJuwe's user avatar
  • 4,563
1 vote
0 answers
154 views

I am using angular 18 with standalone components. I have been trying to do google maps and address autocomplete integration with my component. I have installed the AgmCoreModule and imported in my ...
user1809949's user avatar
  • 11
-1 votes
1 answer
398 views

I'm rendering around 400 map advanced markers, however, these make my app extremely slow and I can't see anything that could cause this problem. This is the code I have: <div class="map-...
Alex's user avatar
  • 77
-1 votes
1 answer
257 views

In dev mode, my google map component (using angular google maps library, v17) works perfectly fine, i had to create a mapId from google cloud platform because otherwise, it says i can't use markers. ...
Alex's user avatar
  • 77
-2 votes
1 answer
130 views

I am trying to load some lat and longitudes for a map in angular, for some reason google maps won't allow. I get the Data back from Firebase when I click a menu button every choice brings back a ...
almostasnecessary's user avatar
  • 141
6 votes
1 answer
4k views

I'm working with Angular 17 and @angular/[email protected] and would like to customize the appearance of map-advanced-marker pins. According to the Google Advanced Markers documentation, ...
Tyutlaeva Ekaterina's user avatar
  • 236
1 vote
1 answer
1k views

I use @angular/google-maps": "^17.3.5" and angular "^17.3.5" I try to get a reference to my google-map <google-map #map mapId="map" height="100%" ...
Christian's user avatar
  • 922
1 vote
0 answers
430 views

I am using Angular 16.2.12 for my project. I've installed @angular/google-maps 16.2.12. Because @types/googlemaps is deprecated so i used @types/google.maps 3.53.5 then i got following errors: Error: ...
BHH's user avatar
  • 11
0 votes
1 answer
479 views

I'm using @agm/[email protected] and Angular 14.2.10. The api key is provided by the server, so I created an EnvService which has the following method /** * get google map api key * @returns ...
lance2k's user avatar
  • 399
0 votes
1 answer
184 views

In my Angular 15 application I have imported @angular/google-maps version 15.2.9. I have a custom typeahead and I managed to use Places API to retrieve suggestions with the following code: map.service ...
noobie's user avatar
  • 27
0 votes
1 answer
2k views

I'm using Angular 16. When I tried to use AgmCoreModule it's throwing an error. node_modules/@agm/core/lib/core.module.d.ts:25:22 [ng] 25 export declare class AgmCoreModule { [ng] ...
Sierra's user avatar
  • 69
0 votes
1 answer
405 views

Let's say I have a country code "US", how can I get back the coordinates of the United States of America using Google Map?
philomath's user avatar
  • 2,209
4 votes
1 answer
977 views

I would like to use AdvancedMarkerElemment in my component using @angular/google-maps Since AdvancedMarkerElement is not yet supported by @angular/google-maps I need your help to include and use an ...
Armando's user avatar
  • 235
1 vote
1 answer
55 views

I'm using Angular and I've restarted mycomputer and in the browser at the console section appeared to me an error: Unhandled Promise rejection: _ is not defined ; Zone: <root> ; Task: Promise....
Arekadiusz's user avatar
  • 664
0 votes
1 answer
717 views

could you please help me with this, when using the @angular/google-maps library, I tried to use (mapDrag) to call a function when dragging a marker, I used [draggable = true] to be able to drag it but ...
Sebast.21's user avatar
  • 9
0 votes
1 answer
264 views

When I use circle events in Angular Google Maps component (https://github.com/angular/components/tree/main/src/google-maps), I cannot get a reference to the affected circle instance for retrieving the ...
Hudgi's user avatar
  • 518
0 votes
1 answer
217 views

I am using agm/core for searching places. As guidelines I added required variables and code Here is my code import { MapsAPILoader } from '@agm/core'; @ViewChild('search') public searchElementRef: ...
Vijaya Lakshmi's user avatar
  • 1
1 vote
2 answers
2k views

Using @angular/google-maps to create a real time map of public transport using transport for NSW openData. https://github.com/angular/components/blob/main/src/google-maps/README.md https://opendata....
CVL's user avatar
  • 11
2 votes
3 answers
4k views

I have added the google maps module to my app.module.ts but it keeps giving me an error. I suspected the issue might be from the version of the packages I installed. I updated angular to angular 15 (...
Isaac Laryea's user avatar
  • 31
0 votes
1 answer
3k views

when I tried installing it shows npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: @angular/[email protected]....
nandhabalan marimuthu's user avatar
  • 11
1 vote
1 answer
2k views

I'm using Angular's Google Maps library (@angular/google-maps: 13.3.4) and want to animate clusters the same way as markers just when markers are added. This is my code so far: <google-map height=&...
Veronika89's user avatar
  • 61
1 vote
0 answers
185 views

in my Ionic 6 application running under capacitor, i'm using angular googleMaps component. I need to use this map component in several pages of my application. In my browser, everything works fine. ...
user1005016's user avatar
  • 83
2 votes
1 answer
3k views

I could not find any article that explains how to use @angular/google-maps in a sub module with lazy-load. The map loads but when I try to add markers I get this errors ERROR NullInjectorError: ...
dsl400's user avatar
  • 452
1 vote
1 answer
5k views

I am unable to install Angular Google maps into my Ionic Angular project. I try to run the command npm install @agm/core --save however I get the following error: code ERESOLVE npm ERR! ERESOLVE ...
ABCDEF's user avatar
  • 23
0 votes
0 answers
1k views

I'm having a very hard time trying to figure out how to test google-maps with Cypress Expected Behavior: Being able to click in the middle of the screen and trigger the mouseclick Actual Behavior: ...
Ben Koren Kruiger's user avatar
  • 141
0 votes
1 answer
563 views

I'm using angular-google-chart version 0.0.11 even i tried with 0.1.0 version it always failed at window.google.load('visualization', apiConfig.version, settings); When I debug it, I found window....
Omsairam's user avatar
  • 370
1 vote
1 answer
219 views

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 ...
Sergej's user avatar
  • 2,264
3 votes
2 answers
2k views

I'm trying to use @angular/google-maps and I have a map showing at 500px X 500px and I am trying to set a custom height and width but it seems that the map-container class overrides the style of the ...
Funn_Bobby's user avatar
  • 735
1 vote
0 answers
347 views

We are having issues with clustering on our Google Map for Angular. This is Angular's own Google Map (@angular/google-map --> https://timdeschryver.dev/blog/google-maps-as-an-angular-component), ...
gib65's user avatar
  • 2,039
0 votes
0 answers
1k views

I have created simple angular project in Angular 12. I am trying to add google map search box and map in my project. I have followed this. For step 4 and step 5 from that link I have created new ...
ganesh's user avatar
  • 484
0 votes
1 answer
437 views

I don't know how to get the circle radius after resize First approach .html <map-circle (radiusChanged) = circleRedim() [center]="center" [options] = circleOptions > ...
malizia fabio's user avatar
  • 23
6 votes
3 answers
5k views

I need to get google.maps.Map. I cannot see official way in docs. But I see that whole component is exportedAs. But when I use it in template: <google-map [center]="{lat: mapaLat, lng: mapaLng}...
piernik's user avatar
  • 3,667
1 vote
0 answers
527 views

I have to display around 15.000 markers on a Google Map. To avoid performance issues I implemented a clustered solution. The framework that I'm using is angular12 with @angular/google-maps. The cose ...
Francesco Clementi's user avatar
  • 2,120
1 vote
0 answers
280 views

I am using https://www.npmjs.com/package/@angular-material-extensions/google-maps-autocomplete to add an address autocomplete control on my form. The control successfully provides addresses when the ...
Iqjot Sangha's user avatar
  • 78
1 vote
0 answers
292 views

I am using angular google map(AGM) npm package. following is code <agm-map (mapClick)="polyineMapClicked($event)" [ngStyle]="{ height: '400px' }" [zoom]=&...
sangRam's user avatar
  • 375
1 vote
1 answer
333 views

In my angular google map (not agm) project, the map page html file contains a info window component like this. <map-info-window #myInfoWindow> <!-- something here --> </map-info-...
Santa Paws's user avatar
  • 70
0 votes
1 answer
3k views

I am using google-maps for Angular, and I can't find how to change the color of the marker. I have different coordinates and I wish to color each one separately. For now I am using : const ...
lalam's user avatar
  • 195
-2 votes
1 answer
296 views

"@angular/animations": "^11.2.14" "@angular/common": "^11.2.14", "@angular/compiler": "^11.2.14", "@angular/core": "^11.2.14&...
Doug's user avatar
  • 765
2 votes
0 answers
384 views

I am using agm direction and I am getting this problem in visual studio code: Type '{ location: { lat: number; lng: number; }; }[]' is not assignable to type 'DirectionsWaypoint[]'. Type '{ location:...
Vassilis's user avatar
  • 828
-2 votes
1 answer
166 views

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....
Brant Olsen's user avatar
  • 5,664
0 votes
2 answers
1k views

how to remove this blue border around this agm-map see the pic: https://i.sstatic.net/cIiQd.jpg? once i click on the map, the blue border disappears! i've tried with: agm-map { height: 465px; ...
pinale's user avatar
  • 2,254
1 vote
2 answers
2k views

Angular google maps agm marker drag end event not returning coordinates <agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom"> <agm-marker ...
abc xyz's user avatar
  • 13
0 votes
1 answer
1k views

I need to wrap a div tag inside of an agm-polyline so it will accommodate both an ngFor and ngIf directive on the same agm-polyline-point tags. Example: <agm-polyline [strokeColor]="'blue'&...
Alex Heebs's user avatar
  • 840
1 vote
1 answer
2k views

I updated an Angular project (8 -> 11) and the dependencies. Previously the project used the the @agm/core (https://github.com/SebastianM/angular-google-maps) package, which is not compatible with ...
poet-of-the-fall's user avatar
  • 31
16 votes
4 answers
28k views

I installed agm/core using npm like this: npm install @agm/core The following warnings were displayed: npm WARN @agm/[email protected] requires a peer of @angular/common@^9.1.0 || ^10.0.0 but none is ...
Glenster's user avatar
  • 1,317

1
2 3 4 5
…
11