HTML5跟踪GPS轨迹VueJS引入百度地图
Posted 麻辣GIS
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5跟踪GPS轨迹VueJS引入百度地图相关的知识，希望对你有一定的参考价值。
waiting for you
to join us
立足GIS
放眼3S
通过前文的工作已经可以使用html5记录并保存数据，同时实现了应用的相关设置功能。下面的工作就是要查看已经记录下的信息了，当然给我们一个一个的坐标点我们是无法查看出定位效果的。最好的方法还是将定位点的数据叠加到地图上显示。使用vue-cli这个工具要求引入的js是基于模块化编写的，要使用百度地图还需要经过一点特殊的设置。主要分以下几个步骤：
0
1
1.引入百度地图API
在vue-cli生成的目录中，找到index.html文件。如图：
在其中引入百度地图的JS-API，代码如下格式：
0
2
设置webpack
找到bulidwebpack.base.conf.js文件，在webpack的设置中加入下面的代码：
如图
0
3
引入BMap
在App.vue的script开头引入BMap，就可以像之前的开发方式一样，使用百度地图了。
麻辣GIS
立足GIS 放眼3S
编辑：Christina
评论功能现已开启，灰常接受一切形式的吐槽和赞美☺
以上是关于HTML5跟踪GPS轨迹VueJS引入百度地图的主要内容，如果未能解决你的问题，请参考以下文章