ngOnInit() { this.lat = value this.lng= value }
import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent implements AfterViewInit { title = 'angular-gmap'; @ViewChild('mapContainer', { static: false }) gmap: ElementRef; map: google.maps.Map; lat = 40.73061; lng = -73.935242; coordinates = new google.maps.LatLng(this.lat, this.lng); mapOptions: google.maps.MapOptions = { center: this.coordinates, zoom: 8 }; marker = new google.maps.Marker({ position: this.coordinates, map: this.map, title: 'Hello World!' }); ngOnInit() { //here i need to assign values of lat and lng and display map based on these values console.log("Hi man"); } ngAfterViewInit() { console.log("Hi women"); this.mapInitializer(); } mapInitializer() { this.map = new google.maps.Map(this.gmap.nativeElement, this.mapOptions); this.marker.setMap(this.map); } }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)