将Angular与googlemaps集成

时间:2017-08-17 19:40:10

标签: javascript angular google-maps

我正在使用angular-googlemaps(agm),到目前为止它正在运作..

但我想按纬度和经度搜索一个地址,所以我找到了解决方案的一部分here ......问题是:

我按照以下步骤操作:

1 - 已安装的googlemaps:yarn add @types/googlemaps -D

2 - 在我的组件中导入googlemaps:import { } from 'googlemaps';

当我尝试用这样的"google"做任何事情时,例如:

const geocoder = new google.maps.Geocoder();

我收到以下错误:

  

ERROR ReferenceError:未定义谷歌

第一。尝试:在我的组件中以这种方式声明google

declare var google: any;

第二。尝试:将googlemaps放在types tsconfig.app.json内(angular-cli):

...
"types": ["googlemaps"]
...

但错误不断出现。

我错过了什么吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

这可能不是您想要的答案,但作为一种解决方法,您可以使用他们的api:

const location = { longitude, latitude, accuracy };
const baseUrl = "https://maps.googleapis.com/maps/api/geocode/json?";

const url = `${this.baseUrl}latlng=${latitude},${longitude}&key=${API_KEY}`
this.http.get(url).subscribe(r => console.log(r));