Click here to Skip to main content
14,486,347 members
Rate this:
Please Sign up or sign in to vote.

I need to assign value of latitude and langtide on event ngOnInit ?

I work on angular 7
I assign value of latitude and longitude on ngoninit but not work

ngOnInit() { = 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

What I have tried:

import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';

  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.lng);

  mapOptions: google.maps.MapOptions = {
    center: this.coordinates,
    zoom: 8

  marker = new google.maps.Marker({
    position: this.coordinates,
    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");

  mapInitializer() { = new google.maps.Map(this.gmap.nativeElement, this.mapOptions);
Updated 27-Dec-19 10:02am

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100