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 { constructor( public gMaps: GoogleMapsAPIWrapper ) {} public markerClicked = (markerObj) => { this.gMaps.setCenter({ lat: markerObj.latitude, lng: markerObj.longitude }); console.log('clicked', markerObj, { lat: markerObj.latitude, lng: markerObj.longitude }); } } console output: Object {lat: 42.31277, lng: -91.24892} Also have tried panTo with the same

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 <agm-map> tag so that i can set the place id. Here is part of the code: public latitude: number; public longitude: number; public zoom: number; public placeid: string; constructor( private mapsAPILoader: MapsAPILoader, private ngZone: NgZone ) {} ngOnInit() { //set google maps defaults this.zoom = 4; this.latitude = 39.8282; this.longitude = -98.5795;

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: number) { if (navigator.geolocation) { let geocoder = new google.maps.Geocoder(); let latlng = new google.maps.LatLng(lat, lng); let request = { latLng: latlng }; geocoder.geocode(request, (results, status) => { if (status == google.maps.GeocoderStatus.OK) { let result = results[0]; if (result != null) { this.fillInputs(result.formatted_address); }