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


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

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

    首先要明确一点(文档原话):由于百度地图 JS API 只有 JSONP 一种加载方式,因此 BaiduMap 组件及其所有子组件的渲染只能是异步的。因此,请使用在组件的 ready 事件来执行地图 API 加载完毕后才能执行的代码,不要试图在 vue 自身的生命周期中调用 BMap 类,更不要在这些时机修改 model 层。
    错误的用法
    我试过,以上这种方法好像是可行,效果可以出来,但我们最好采用作者提供的正确方法!
    正确的用法
    推荐这种方法!那下面解决进入页面自动定位的方法也是在这里。

    下面是我的写法,仅供参考,有不足请指出,我只是一个小白,哈哈!
    1、template:
    HTML

    2、js实现:
    具体实现方法
    这里主要是有些小细节需要注意的,图上有标注和注释,稍微看一下就明白了。

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

  • 相关阅读:
    Smart Client智能客户端技术
    SaaS介绍
    SaaS介绍
    开源软件介绍
    SaaS介绍
    SaaS介绍
    开源软件介绍
    开源软件介绍
    GPUCUDA安装
    Linux 下的段错误(Segmentation fault)调试方法
  • 原文地址:https://www.cnblogs.com/10manongit/p/12807157.html
Copyright © 2020-2023  润新知