当前位置: 首页 > Web前端 > HTML5

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

时间:2023-04-05 23:58:26 HTML5

写在前面:本人只是一个前端小白,文中提到的可能有不足之处,仅供参考。如有不完善之处,欢迎大家指出!,希望对你有帮助!好了,进入正题。其实我之前也被这个问题困扰过,上网查了一下,也没有找到解决办法。直到今天冒昧的在GitHub上给大佬提了一个issue,才被惊醒。其实是因为我太急功近利,没有仔细看vue-baidu-map提供的参考文档,也可能看了忘了!首先必须明确一点(文档原话):由于百度地图JSAPI只有JSONP作为加载方式,所以百度地图组件及其所有子组件的渲染只能是异步的。因此,请使用组件的就绪事件来执行地图API加载后才能执行的代码。不要试图在vue本身的生命周期中调用BMap类,更不要在这些时候修改model层。我试了一下,上面的方法好像是可行的,效果也能出来,但是我们最好还是使用作者提供的正确方法!推荐这个方法!那么下面解决入口页面自动定位的方法也在这里。以下是我的写法,仅供参考,不足之处请指出,我只是菜鸟,哈哈!1.模板:2.js实现:这里有一些需要注意的小细节。图片上有标注和注释,大家看一下就明白了。最后还是那句话:本人只是一个前端小白,有不足之处请指出!