ahmed elbarbary

ahmed elbarbary

  • NA
  • 1.6k
  • 278.3k

city not display on map when assign values of longitude and

Dec 28 2019 5:09 PM

problem

when assign values of latitude and longitude on ngOnInt event map city or area display Empty ?

I work on angular 7 .

when assign values of latitude and longitude on ngOnInit event map city or area display empty

According to latitude and longitude city must display is New York but it display empty .

How to solve problem ?

what I try below :
  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 = 0;  
  13.  lng = 0;  
  14.   
  15.   coordinates = new google.maps.LatLng(this.lat, this.lng);  
  16.   
  17.   mapOptions: google.maps.MapOptions = {  
  18.     center: this.coordinates,  
  19.     zoom: 8  
  20.   };  
  21.   
  22.   marker = new google.maps.Marker({  
  23.     position: this.coordinates,  
  24.     map: this.map,  
  25.     title: 'Hello World!'  
  26.   });  
  27.   ngOnInit() {  
  28.    this. lat = 40.73061;  
  29.     this.lng = -73.935242;  
  30.   
  31.   }  
  32.   ngAfterViewInit() {  
  33.     this.mapInitializer();  
  34.   }  
  35.   
  36.   mapInitializer() {  
  37.     this.map = new google.maps.Map(this.gmap.nativeElement, this.mapOptions);  
  38.     this.marker.setMap(this.map);  
  39.   }  
  40. }  
Image display that map not display city
 

Answers (1)