如何在 angular2 中显示带有地址的 Google 地图

Question

我可以使用经纬度和纬度成功显示 google 地图。但是，我不知道如何使用地址来显示它。 我的意思是我需要从地址生成经纬度。

我在这里看到了一些代码，主要使用 google.maps.Geocoder。 问题是，如果我尝试使用 google.maps.Geocoder，它会出错，无法找到名称 'google'。

如果有人知道如何解决这个问题，请告诉我。如果您用示例代码回复，那将大有帮助！

感谢您的帮助和建议！ :D

Answer 1

这是一个非常好的搜索地址并将其显示在 google 地图上的教程：

http://brianflove.com/2016/10/18/angular-2-google-maps-places-autocomplete/

它的底部还有一个 plunkr 演示。希望这就是您要找的。

经纬度地址

let place: google.maps.places.PlaceResult = autocomplete.getPlace();

//verify result
if (place.geometry === undefined || place.geometry === null) {
    return
}

//set latitude, longitude
this.latitude = place.geometry.location.lat();
this.longitude = place.geometry.location.lng();

Answer 2

我使用 npm install @types/googlemaps --save-dev 再次安装所以，我可以解决 cannot find name 'google'

的错误

还有...有人给我一些使用 angular2 进行地理编码的示例吗？

Answer 3

很简单。我用地址参数

调用 api url 来解决这个问题

constructor(private http: Http) { }
  getlatlng(address){
    return this.http.get('https://maps.googleapis.com/maps/api/geocode/json?address=' + address)
      .catch(handleError);
  }

Answer 4

要在您的应用程序中找到 google 的名称，您需要声明 var google : any ; 在顶部组件。

Answer 5

npm install --save @types/googlemaps;

import {} from '@types/googlemaps';

到您的 component.ts 文件

对我有用！

如何在 angular2 中显示带有地址的 Google 地图

How to show Google Maps with address in angular2

google-maps

geocoding

google-maps-api-2

angular