将 Angular 与谷歌地图集成

Question

我正在使用angular-googlemaps(agm(，到目前为止它正在工作。

但是我想按纬度和经度搜索地址，所以我在这里找到了部分解决方案......问题是：

我遵循了以下步骤：

1 - 已安装的谷歌地图：yarn add @types/googlemaps -D

2 - 在我的组件中导入谷歌地图：import { } from 'googlemaps';

当我尝试对这样的"google"做任何事情时，例如：

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

我收到以下错误：

错误

引用错误：未定义谷歌

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

declare var google: any;

第二次尝试：将googlemaps放入types内tsconfig.app.json(角度-cli(：

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

但是错误不断出现。

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

Answer 1

这可能不是您想要的答案，但作为解决方法，您可以使用他们的 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));