vue-baidu-map进入页面自动定位的解决方案！

若文中有不足之处，欢迎指出！

其实之前也被这问题困扰过，在网上也查了一番，没找到解决方法。直到今天，在 GitHub 冒昧地向大佬提了一个 issue，才点醒了我。其实是因为太过急功近利了，没有认真阅读 vue-baidu-map 提供参考文档，也有可能是看过然后忘记了！

首先要明确一点（文档原话）：由于百度地图 JS API 只有 JSONP 一种加载方式，因此 BaiduMap 组件及其所有子组件的渲染只能是异步的。因此，请使用在组件的 ready 事件来执行地图 API 加载完毕后才能执行的代码，不要试图在 vue 自身的生命周期中调用 BMap 类，更不要在这些时机修改 model 层。

错误用法

我试过，以上这种方法好像是可行，效果可以出来，但我们最好采用作者提供的正确方法！

正确用法

推荐这种方法！那下面解决进入页面自动定位的方法也是在这里。

下面是我的写法，仅供参考，有不足请指出，我只是一个小白，哈哈！

1. template：

   
   HTML

2. js：这里主要是有些小细节需要注意的，图上有标注和注释，稍微看一下就明白了。

   
   实现