vue 使用百度地图api_vue+ts如何使用百度地图

最近私下在做原vue项目的的typeacript重构，在重构地图部分发现类型检测报错：

Cannot find name 'BMapGL'.

嗯？我明明已经在index.html中引入了脚本啊：

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak="></script>

查看typescript官方文档有如下声明：

要想描述非TypeS cript ^[1]编写的类库的类型，我们需要声明类库所暴露出的API

原来需要我们自己去显示地声明类型，仔细阅读官网说明，BMapGL是一个全局库，

好了，既然全局库，接下来就知道怎么解决这个问题了，在src目录下，创建一个global.d.td文件，进行BMapGL的全局类型声明，这里我们粗暴的声明为any;

declare const BMapGL: any

再次编译通过类型检测

当然，你也可以不做全局声明，用断言来告诉编译器类型：

new BMapGL!.Map("allmap");或new (BMapGL as any).Point(116.280190, 40.049191)

但是，如果你很多地方都用到BMapGL了，一直写断言不是要吐？直接全局声明一劳永逸何乐而不为呢？

参考

1. ^ts官网地址 https://www.tslang.cn/docs/handbook/modules.html