如何在Google Map Angle2中添加标记？

Question

I have a component with form for adding lng and lat. My main component I use for initialize map in OnInit. How can I add new markers dynamically to my map?

My component with map:

import { Component, OnInit, Input } from '@angular/core';
import { PartyService } from './services/party.service';
import { Party } from './classes/party';
declare let google: any;
declare let map: any;

@Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
   parties: Party[] = [];
   party_location: Location[] = [];

   constructor(private partyService: PartyService) { }

   ngOnInit() {
     map = new google.maps.Map(document.getElementById('map'), {
      center: { lat: -25.363, lng: 131.044 },
      scrollwheel: true,
      zoom: 16
    });



if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    let pos = {
      lat: position.coords.latitude,
      lng: position.coords.longitude
    };

    infoWindow.setPosition(pos);
    infoWindow.setContent('This is you.');
    infoWindow.open(map);
    map.setCenter(pos);
  });
}

let infoWindow = new google.maps.InfoWindow;

 }
}

Answer 1

Let's say you've new coordinates , the following will add new marker on your map

      let marker = new google.maps.Marker({
        position: {lat:<yourLatitude>,lng:<yourLong>}
        map: map 

      });

In your existing code, you can modify as:

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    let pos = {
      lat: position.coords.latitude,
      lng: position.coords.longitude
    };
    let marker = new google.maps.Marker({
        position: {lat:<yourLatitude>,lng:<yourLong>}
        map: map 

      });
    infoWindow.setPosition(pos);
    infoWindow.setContent('This is you.');
    infoWindow.open(map);
    map.setCenter(pos);
  });
}