ahmed_sa Ответов: 0

Как присвоить значение широты и долготы на карте Google на мероприятии ngoninit событие ?

проблема

Мне нужно присвоить значение широты и лангтида на событии ngOnInit ?

Я работаю на angular 7
Я присваиваю значение широты и долготы на ngoninit но не работаю

ngOnInit() {
  this.lat = value
  this.lng= value
    
  }



так как для присвоения значений СПГ и широта на ngoninit события и отображения на карте Google
на основе значений, присвоенных событию ngoninit

Что я уже пробовал:

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);
  }
}

0 Ответов