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

GeekGhc 发布于2019-08-22 16:46 / 1901人阅读

摘要：我试过，以上这种方法好像是可行，效果可以出来，但我们最好采用作者提供的正确方法推荐这种方法那下面解决进入页面自动定位的方法也是在这里。

写在前面：我只是一个前端小白，文章中的提到可能会有不足之处，仅提供一个参考。若有不完善的地方，欢迎各位大佬指出！，希望对你有帮助！

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

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

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

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

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

2、js实现：

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

最后，还是那句话：我只是一个前端小白，有什么不足之处欢迎指出！

私有云服务器托管定位页面 php定位页面位置进入域名管理页面 html进入页面效果

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94640.html

vue项目中使用百度地图(vue-baidu-map)

摘要：当属性为合法地名字符串时例外，因为百度地图会根据地名自动调整的值由于百度地图只有一种加载方式，因此组件及其所有子组件的渲染只能是异步的。在使用vue做项目的时候，有用到百度地图，使用了vue-baidu-map插件，包括拾取位置坐标，搜索位置等 1.引入方式 showImg(https://segmentfault.com/img/bVbv0hs?w=835&h=531); 可在ap...

番茄西红柿 2019-08-26 10:35 评论0 收藏0
vue首屏加载优化

摘要：为了让事情更简单，允许将组件定义为一个工厂函数，动态地解析组件的定义。只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。库使用情况 vue vue-router axios muse-ui material-icons vue-baidu-map 未优化前首先我们在正常情况下buildshowImg(https://segmentfault.com/img...

Kaede 2019-08-20 17:44 评论0 收藏0
vue 百度地图api进行地理解析(解决跨域问题)

摘要：我采用了插件原生百度地图的二次封装，但是插件里的红点标记需要用到经纬度值。先扯一会儿首先非常感谢大家的阅读(感谢已加粗)，这是我人生中第一次写技术文章(以前打字都费劲)，本人小white一个(秀一下英语词汇量)，技术不咋地，就是爱分享，动不动还来个原创，你说气人不~ 闲话少说，进入主题！！！重点部分最近在做一个基于vue的设备管理系统，其中有一个需求：需要把设备所在地的...

Freeman 2019-08-26 10:13 评论0 收藏0