@types/google.maps：找不到名称“google”

Question

应用程序只需要客户输入邮政编码即可计算两点之间的距离，以推荐最近的商店。无需显示/绘制地图。使用 Postman 和常规 Chrome 在

https://maps.googleapis.com/maps/api/distancematrix/json?

测试有效的 Google API 密钥。但从内部应用程序中使用

http.get<any>(urlwithparams)

获得了 CORS。发现Google故意不允许来自脚本的请求，必须使用它的库。

没问题！在阅读了许多帖子和 Google 的开发人员指南后，相信我应该使用

DistanceMatrixService

我的组件.HTML：

<script
      src="https://maps.googleapis.com/maps/api/js?key=KeyValue&callback=clickFind&v=weekly"
      defer
    ></script>

我的组件.ts：

clickFind()
{
    const map = new google.maps.DistanceMatrixService; <<-- Error: TS2663: Cannot find name 'google'
    ....
}

结果是

Cannot find name 'google'

。 我已尝试以下所有方法，

最终又回到原来的样子

错误：TS2663：找不到名称“google”

总结

Answer 1

可能有不止一种解决方案，但这是我的：

```
npm i -D @types/google.maps
```
```
npm i @googlemaps/js-api-loader
```
没有更新tsconfig.app.json、HTML
TS实施

const loader = new Loader({apiKey: 'keyvalue'}).load().then( this.test1); 测试1（）：无效 { var gmd = new google.maps.DistanceMatrixService(); gmd.getDistanceMatrix ({ 出发地：[“佛罗里达州杰克逊维尔”]，目的地：[“伊利诺伊州芝加哥”，“华盛顿州西雅图”]，travelMode：google.maps.TravelMode.DRIVING }) 。然后（（分别）=> { ... // 做任何事 } ）； }