Questions tagged [angular2-google-maps]
37 questions
62
votes
14 answers
Angular2 Cannot find namespace 'google'
I am working with angular2-google-maps and latest version of Angular2. I am trying to convert some of the local map component functions into services in their own file maps.service.ts. For example:
map.component.ts
getGeoLocation(lat: number, lng:…
Milo
- 3,365
- 9
- 30
- 44
15
votes
3 answers
setCenter not working in angular2-google-maps
import { GoogleMapsAPIWrapper } from '@agm/core';
import { Component, Input } from '@angular/core';
@Component({
selector: 'core-map',
styleUrls: [ './map.component.scss' ],
templateUrl: './map.component.html',
})
export class MapComponent {
…
Christopher Marshall
- 10,678
- 10
- 55
- 94
10
votes
1 answer
Angular 2 (Angular-cli) : Uncaught ReferenceError: google is not defined
I have been struggling for a couple of hours trying to make work googlemaps PlaceResult in my Angular 2 project that uses Angular-cli.
I had to install googlemaps using @types and add it under the attribute "types" of my tsconfig.json configuration…
Radouane ROUFID
- 10,595
- 9
- 42
- 80
9
votes
1 answer
Angular 2 agm library for google maps setting place by place id
I am implementing in a page a google map where a place id is passed to me, I then need to obtain such place id and load the map with that marker. I was going through the documentation but its not clear on how i can target the map object from the…
jedgard
- 868
- 3
- 23
- 41
7
votes
4 answers
Angular 4 - Google map height fill remaining space
I am using https://github.com/SebastianM/angular-google-maps in my angular 4 application.
I must specify map height in CSS, like this, otherwise, map won't show:
agm-map {
height: 300px;
}
Is it possible for to fill remaining space in…
hendrix
- 3,364
- 8
- 31
- 46
6
votes
2 answers
Moving Map Controls on Angular 2 Google Maps
I am looking for a way to use the zoomControlOptiions property available in regular google maps, like so:
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.LEFT_CENTER
},
Stackoverflow…
VSO
- 11,546
- 25
- 99
- 187
5
votes
2 answers
simplest way to get current location in Angular 2 Google Maps (AGM Core)
This question may have a duplicate or the answer that I want has already been answered in some other questions but I'll still ask anyways.. This is a very basic question but I also want the easiest(simplest) way of how to achieve this
What I want to…
Yuu
- 59
- 1
- 1
- 9
5
votes
2 answers
add button into google maps Angular2
I am new in Angular and have a web app which displays a fullscreen google map.
I want to add a "logout" button into the google map layout (not as header).
I know with javascript Google Maps Api, it is possible like :
var Logout =…
alliaces
- 171
- 1
- 10
4
votes
1 answer
Using SebM google maps module in child component shows blank map
EDIT: I found the problem. I was using ng2-boostrap tabset module,
when adding the maps inside this view, the map does not render. I
haven't been able to fix the problem though.
I'm working on an angular 2 application, where i need to import…
ChrisEenberg
- 773
- 1
- 5
- 19
4
votes
1 answer
angular2-google-maps with angular2 app
I have setup the angular2-google-map with angular2 application.
And here is the app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from…
Sajeetharan
- 216,225
- 63
- 350
- 396
2
votes
1 answer
Add dynamic line using angular2 google maps
I am currently using https://github.com/SebastianM/angular2-google-maps Angular Google Maps link attached, my requirement is to draw dynamic line using agm-polyline when user clicks the button it places a point on map with latitude and longitude,…
Kumail Hussain
- 869
- 2
- 26
- 49
2
votes
1 answer
ngfor with agm-circle throws error : Angular2
I am using agm (angular google maps) and want to draw n number of circles using ngfor but i am getting an error :
Can't bind to 'ngFor' since it isn't a known property of 'agm-circle'.
this is my html:
Kumail Hussain
- 869
- 2
- 26
- 49
1
vote
1 answer
how to set Spiderfier Marker's icon on angular google map
I try to use package agm-oms(https://www.npmjs.com/package/agm-oms) to implement the marker spiderfier on google map. I followed the instructions in (https://github.com/SebastianM/angular-google-maps/pull/1329).
travelinglion
- 51
- 1
- 6
1
vote
0 answers
What does the Google Maps API do that angular-google-maps (@agm) can't?
I've discovered a few of these on my own. If you have encountered or read about limitations I haven't, please bring them up and I'll try to expand (or contract) this list with new information.
Here are some I know of:
Marker Animations (no plan for…
Methodician
- 2,396
- 5
- 30
- 49
1
vote
1 answer
How to change angular 2 google map marker label color?
hello I am using Angular2 Google Maps and i want change my maker label color
code :
angular
angular-google-maps
angular2-google-maps
Sandip Solanki
- 704
- 1
- 8
- 15