vue element ui web端引入百度地图，并获取经纬度

最近接到一个新需要，要求如下：
当我点击选择地址时，弹出百度地图，

效果如下图：

实现方法：
1、首先要在百度地图开放平台去申请一个账号和key

2、申请好之后，在项目的index.html中引入

3、我写了一个组件，方便项目中任何地方可以调用：

这里一定要设置一个宽高，容器才能更好的适应，不然显示出来达不到想要的效果，如果没有设置高度还可能显示不出来

4、接下来就是开始初始化地图设置了，我的是在弹窗里面用，所有我写在watch里面的，当监测到弹窗打开时即开始初始化地图页面

5、具体方法如下：

直接附上源码：

根据项目需求做调整即可。
好了就这样吧，助人达已，爱分享爱学习，做一个快乐的前端小姐姐
如有更好的方法，欢迎交流！！