Question

我可以成功使用lat和lng显示谷歌地图。但是，我不知道如何使用地址显示它。 我的意思是我需要生成lat＆amp;来自地址。

我在这里看到了一些代码，主要是使用google.maps.Geocoder。 问题是，如果我尝试使用google.maps.Geocoder，则会出现无法找到名称的错误＆＃39; google＆＃39;

如果有人知道如何解决这个问题，请告诉我。如果你回复示例代码，那可能会有很大的帮助！

感谢您的帮助和建议！：d

Answer 1

很简单。我解决这个问题，用地址参数

调用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 2

npm install --save @types/googlemaps;

import {} from '@types/googlemaps';

到你的component.ts文件

这对我有用！

Answer 3

这是一个非常好的教程，用于搜索地址并在谷歌地图上显示：

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

它底部还有一个plunkr演示。希望这是你想要的。

Lat＆amp;长

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 4

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

的错误

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

Answer 5

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

如何在angular2中显示包含地址的Google地图

5 个答案: