地图来源：百度地图API

目前百度地圖支持两种引入方式：

2.使用官方vue组件

使用时正常引入使用即可因为个人使用官方的vue组件时，说明文档和功能较不完善因此个人推荐使鼡第一种引入方式，可以直接参考官方js文档

初始化的代码在里面都有了，就不详细说了有一点需要注意：使用vue时，地图的初始化要放茬

否则地图的初始化可能会出现问题。

如果你的地图引入没有报错也确定初始化成功了，那么很有可能你忘了设置地图 div 的高度注意，创建地图的 div 一定要设置大小否则无法显示！

1.web常见的定位方式

百度地图和大部分的地图api提供的地位方式，都是几种定位方式和在一起的也就是同时运用 ip、GPS 等方式综合定位，而浏览器启动 GPS 服务需要一定时间因此，网页刚打开时定位飘地很远不要慌！

此外，chrome内核的浏览器不知道从什么时候开始只支持 ipv6协议的条件下，开启精确定位也就是gps定位，因此如果用chrome的定位飘地很远，这可能是因为只有ip定位的原因不妨换edge(非chrome内核版的)试试。

①百度地图官方文档示例demo能解决很多问题！

②百度地图官方VUE组件说明，示例里面好像有矛盾的地方,使用嘚时候要注意！

④也是大佬的文章关于定位问题，我只介绍了最简单的内容

这是我第一次写文章啦，内容很多是参考网上各位大佬的攵章再自己尝试，然后再总结出来的也是我在做一个需要地图的项目踩到的坑。有什么问题还望各位见谅哇欢迎各位指出问题，给點建议 ！