vue-baidu-map 进入页面自动定位的解决方案!
2024-08-27 18:37:11
写在前面:我只是一个前端小白,文章中的提到可能会有不足之处,仅提供一个参考。若有不完善的地方,欢迎各位大佬指出!,希望对你有帮助!
好了,入正题。其实之前也被这问题困扰过,在网上也查了一番,没找到解决方法。直到今天,在GitHub冒昧地向大佬提了一个issue,才点醒了我。其实是因为太过急功近利了,没有认真阅读vue-baidu-map提供参考文档,也有可能是看过然后忘记了!
首先要明确一点(文档原话):由于百度地图 JS API 只有 JSONP 一种加载方式,因此 BaiduMap 组件及其所有子组件的渲染只能是异步的。因此,请使用在组件的 ready 事件来执行地图 API 加载完毕后才能执行的代码,不要试图在 vue 自身的生命周期中调用 BMap 类,更不要在这些时机修改 model 层。
我试过,以上这种方法好像是可行,效果可以出来,但我们最好采用作者提供的正确方法!
推荐这种方法!那下面解决进入页面自动定位的方法也是在这里。
下面是我的写法,仅供参考,有不足请指出,我只是一个小白,哈哈!
1、template:
2、js实现:
这里主要是有些小细节需要注意的,图上有标注和注释,稍微看一下就明白了。
最后,还是那句话:我只是一个前端小白,有什么不足之处欢迎指出!
最新文章
- Eclipse SVN图标等设置
- electron打包发布
- MVC5-1 ASP.NET的管道流
- iOS开发——源代码管理——git(分布式版本控制和集中式版本控制对比,git和SVN对比,git常用指令,搭建GitHub远程仓库,搭建oschina远程仓库 )
- IIS常见错误
- cppcheck使用
- HDU 4821 String hash
- 【生活】已经从官网购买iPad,单独购买AppleCare+服务
- Fedora安装qt总结四种方法
- 私人定制javascript中函数小知识点
- useradd新建用户和权限分配
- Oracle查询优化改写--------------------操作多个表
- arcEngine开发之查看属性表
- window下的nginx的安装和使用
- 对国内AR产业的预言
- Postgresql日志收集
- JMeter—配置元件(七)
- C++ code:位操作实例(bit operation example)
- * 和->; 优先级
- docker微服务部署之:五、利用DockerMaven插件自动构建镜像
热门文章
- (转载)虚拟化(1):进程概述(The Process)
- k8s全方位监控 -prometheus实现短信告警接口编写(python)
- ElementUI Tree树形控件renderContent return时报错
- ajax发送json格式与文件数据、django自带的序列化器(了解)
- java IO流体系--通识篇
- think php 登录日记
- React学习小结(一)
- 如何实现 UITabbarController 的 State Preservation?
- stash —— 一个极度实用的Git操作
- Android 12(S) 图形显示系统 - BufferQueue的工作流程(十一)