vue中引入天地图

vue中引入天地图

最近项目需要用到天地图，要引入到Vue项目中，鉴于官网没有相关的说明文档，在这里我记录一下我所使用的引入方法
1、第一步，在Vue项目文件夹public下的index.html入口文件中加入天地图API JS文件。
引入天地图JavaScript API文件

2、第二步，先创建一个Vue中初始化的天地图的JS文件，用于指向天地图类

文件命名为 tianMap.js
写入初始化代码

3、第三步，在单页文件中引入地图初始化封装好的文件
import tianMapfrom ‘…/…/components/show/tianMap.js’;
4、引入之后可在methods中的方法函数直接调用，封装方法函数代码如下：

记得在视图层写入div盒子哦，

#mapDiv {
width: 100%;
height: 94vh;
position: absolute;
}
以上就是Vue中引入天地图的使用方法