用于google地图的Angular 2 agm库，用于按地点id设置地点

npm install @agm/core --save

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AgmCoreModule } from '@agm/core';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AgmCoreModule.forRoot({
      apiKey: 'YOUR_GOOGLE_MAPS_API_KEY'
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { Component, OnInit } from '@angular/core';
import { MapsAPILoader } from '@agm/core';

@Component({
  selector: 'app-root',
  template: `<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
               <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
             </agm-map>`,
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  latitude: number;
  longitude: number;
  zoom: number = 15;

  constructor(private mapsAPILoader: MapsAPILoader) {}

  ngOnInit() {
    this.getLocationById('YOUR_PLACE_ID');
  }

  getLocationById(placeId: string) {
    this.mapsAPILoader.load().then(() => {
      const geocoder = new google.maps.Geocoder();
      geocoder.geocode({ 'placeId': placeId }, (results, status) => {
        if (status === google.maps.GeocoderStatus.OK) {
          const location = results[0].geometry.location;
          this.latitude = location.lat();
          this.longitude = location.lng();
        } else {
          console.error('Geocode was not successful for the following reason: ' + status);
        }
      });
    });
  }
}

<agm-map [latitude]="latitude" [longitude]="longitude" [zoom]="zoom">
  <agm-marker [latitude]="latitude" [longitude]="longitude"></agm-marker>
</agm-map>