ahmed elbarbary

ahmed elbarbary

  • NA
  • 1.6k
  • 278.3k

How to assign value of latitude and langtide google map on e

Dec 27 2019 3:17 PM
problem
I need to assign value of latitude and langtide on event ngOnInit ?
I work on angular 7
I assign value of latitude and alngtude on ngoninit but not work
ngOnInit() {
this.lat = value
this.lng= value
}
so How to assign values of lng and lat on event ngoninit and display google map
based on values assigned on ngoninit event
 
  1. import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';  
  2.   
  3. @Component({  
  4.   selector: 'app-root',  
  5.   templateUrl: './app.component.html',  
  6.   styleUrls: ['./app.component.css']  
  7. })  
  8. export class AppComponent implements AfterViewInit {  
  9.   title = 'angular-gmap';  
  10.   @ViewChild('mapContainer', { staticfalse }) gmap: ElementRef;  
  11.   map: google.maps.Map;  
  12.   lat = 40.73061;  
  13.   lng = -73.935242;  
  14.     
  15.   
  16.   
  17.   coordinates = new google.maps.LatLng(this.lat, this.lng);  
  18.   
  19.   mapOptions: google.maps.MapOptions = {  
  20.     center: this.coordinates,  
  21.     zoom: 8  
  22.   };  
  23.   
  24.   marker = new google.maps.Marker({  
  25.     position: this.coordinates,  
  26.     map: this.map,  
  27.     title: 'Hello World!'  
  28.   });  
  29.   ngOnInit() {  
  30.    //here i need to assign values of lat and lng and display map based on these values  
  31.     console.log("Hi man");  
  32.       
  33.   }  
  34.   ngAfterViewInit() {  
  35.     console.log("Hi women");  
  36.     this.mapInitializer();  
  37.   }  
  38.   
  39.   mapInitializer() {  
  40.     this.map = new google.maps.Map(this.gmap.nativeElement, this.mapOptions);  
  41.     this.marker.setMap(this.map);  
  42.   }  
  43. }  
 

Answers (1)