vue加载高德地图（原生）

1 在 public 文件夹下的 indexhtml 中加入

///<script type="text/javascript" src=">

之前在百度搜索到的方式有问题，就是第一次进入页面时，地图不会显示出来，必须刷新才显示。

这是因为vue是异步加载，不会重新刷新页面，所以出错了。

直接打开这个地址就可以了，有详细的步骤 >

vue的百度地图早就有vue-baidu-map这里就不赘述了，

自己去直接对着API写就好了，基本上已经满足绝大多数需求了还简单方便。

vue-baidu-map 传送门 >

在 indexhtml 中

如果项目分测试环境>

vue高德地图一键回到当前位置方法:一键返回位置的快捷键是windows键+D键。Windows+D该组合按键在计算机运行相关程序vue高德地图时同时按压以后，则计算机屏幕界面将快速最小化所有窗口并显示计算机的桌面。另外如在计算机显示桌面时，如再次同时按压下Windows徽标键和D键，则该计算机的桌面将再次返回到计算机之前的 *** 作窗口。

在indexhtml文件中引入百度地图

但是并没有用且报错

此处报错非常诡异，因为我采用动态引用的方式时并没有报该错

新创建一个文件utils/baiduMapjs

在百度地图组件baidumapvue中引用

以上就是关于vue加载高德地图（原生）全部的内容，包括:vue加载高德地图（原生）、关于vue+element-UI的el-dialog显示地图的问题、vue引用百度地图时遇到的问题总结等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！