在vue项目中,使用天地图出现了地图只显示左上角的情况。如图所示:

解决办法:刷新一下容器
map.checkResize() 方法用于在地图容器大小发生变化时调整地图的大小以适应新的容器大小

api地址:天地图API

解决思路:当整个页面加载之后 2秒中后 刷新地图容器,地图加载完,刷新才有用

setTimeout(function() {map.checkResize();}, 2000);

使用后的效果如图所示: 

 在我的vue项目中遇到同样问题,用浏览器访问vue地图是没问题的,但是vue打包成Android的apk包安装到手机上时,在进入某些有搜索框的页面进行搜索时,或者调用的接口过多时,返回首页的地图就会出现只显示左上角的情况。

这个问题困扰了我好几天,不知道从哪个角度解决。后续查资料说是要给地图加上懒加载

   <keep-alive v-if="isLoggedIn">
      <router-view :reGid="reGid"></router-view>
    </keep-alive>

但是我是整个项目加的,所有没效果。

还是得用天地图自带的map.checkResize()。

activated钩子函数中使用,每次加载都执行。

 activated: function () {

    this.map.checkResize();

  },

GitHub 加速计划 / vu / vue
207.55 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐