`

微信小程序返回后地图显示不正常问题解决

阅读更多

最近开发一个微信小程序,首页中有一块儿是地图,地图点击进去后是满屏地图,遇到一个问题,点击首页小块地图跳转至下一页满屏地图,然后再从满屏地图中按默认返回按钮返回到首页时,发现首页小块地图不显示了,目前这个情况只在Android实体机发现,iOS是没有此问题。再点击地图后,很明显可以看出地图已被销毁,然后才跳转的页面,等返回页面时,地图就没有了。寻找了好多方法没有解决,最终解决办法是,使用一个view包裹这个map标签,然后当从这个页面返回时,让这个view隐藏再显示,问题解决了。具体这个问题产生的原因还不清楚。

<!--首页的小块儿地图代码-->
<view wx:if="{{mapshow}}">
  <map id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" show-location class="map {{toppicnews.length!=0||nearlytext?'topview':'notopview'}}" bindtap='mapclick'>
  </map>
</view>



<!--首页js代码-->
onShow: function () {
    if (app.globalData.reloadFlag) {
      //这个值再全局变量中定义,默认为false
      app.globalData.reloadFlag = false;
      this.setData({
        mapshow: false,//mapshow需要再首页data中定义,默认为true
      })
      this.setData({
        mapshow: true
      })
      return;
    }
}

<!--满屏地图页onload方法代码-->
onLoad: function (options) {
    app.globalData.reloadFlag = true;
    //在进入满屏地图页是,设置这个值为true
}

 

分享到:
评论

相关推荐

    微信小程序+腾讯地图开发实现路径规划绘制

    更糟糕的是即便你内置微信小程序JavaScript SDK,它目前为止也不能给你相应的返回导航路径中所有坐标集合方法实现,不信你看介绍 解决方案 那我们只能用WebService API咯, 但是不要高兴的太早,根据文档,我们...

    小程序获取自己的位置,外卖骑手位置定位。

    1.结合微信小程序开发平台的地图组件,获取自己的位置。 2.以上文档只有一个页面,其中骑手的位置需要后台传入,至于骑手的位置获取,是从第三方平台的接口获取,例如 美团外卖开放平台 或者UU跑男开放平台 等接口可...

    微信小程序之地图周边(使用百度地图接口)

    作者:花罚,来自原文地址原理当前百度和高德周边查询api的实现机制基本一致,都是使用request接口请求远程...微信小程序创建地图容器相对来说比较简单,只需要一个map组件即可,下面代码将完成地图容器的创建:  -

    微信小程序之map地图

    微信小程序地图操作比较简单,api也很少,使用map组件来展示。说到地图,那就先来看基础定位:  定位用到wx.getLocation(OBJECT)函数,代码如下:   wx.getLocation({ type: 'wgs84', success: function(res) { ...

    微信小程序在地图选择地址并返回经纬度简单示例

    主要介绍了微信小程序在地图选择地址并返回经纬度,涉及微信小程序针对经纬度地址信息相关操作技巧,需要的朋友可以参考下

    微信小程序中的ios兼容性问题

    3.微信小程序中解决ios中new Date() 时间格式不兼容 在实现倒计时,根据后台返回的时间格式转换时,后台返回了时间格式为”2018-11-12 11:12:11”,然后利用new Date() 转换时,ios中无法展示,安卓中显示正常 let ...

    微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例

    本文实例讲述了微信小程序map组件结合高德地图API实现wx.chooseLocation功能。分享给大家供大家参考,具体如下: 声明 bug: 页面搜索返回的列表在真机测试是会出现不显示问题? 造成原因:在小程序map组件的同一...

    微信小程序开发之map地图实现教程

    微信小程序地图操作比较简单,api也很少,使用map组件来展示。说到地图,那就先来看基础定位: 定位用到wx.getLocation(OBJECT)函数,代码如下: wx.getLocation({ type: 'wgs84', success: function(res) { ...

    微信小程序的周边美食推荐系统_2axo8(源码+部署说明+演示视频+源码介绍+lw).zip

    微信小程序的周边美食推荐系统_2axo8是一个基于微信小程序的美食推荐系统,旨在为用户提供便捷的周边美食搜索和推荐服务。该系统采用了多种先进技术和功能,为用户提供了丰富的体验。 使用技术: 微信小程序框架:...

    微信小程序笔记《二》:天气应用,使用高德地图和心知天气 ...

    但是问题来了,在调用微信小程序的定位服务的过程中,只会返回坐标位置,并不会返回城市信息。由于天气状况的查询是根据城市的信息来查询。这是我们需要进行一次“把坐标转换为城市名称”的转换,依靠高德地图的反...

    YouDianCMS v8.0 开源PC手机微信app小程序五合一 v8.0.zip

    YouDianCMS即友点企业网站管理系统集电脑站 手机站 微信站 APP 小程序五合一,数据自动同步,降低人力维护成本;共用一个管理后台,只要一个虚拟主机,有效节约空间投资。系统采用PHP MYSQL,具有操作简单、轻便快捷...

    微信小程序如何再次获取用户授权的方法

    如果他授权了,返回一个success当然最好啦,就什么问题都没有了。如果他点了取消,返回一个fail,我就使用预设的经纬度打开一个定位。但是如果用户点击返回以后,再次点击按钮进入地图就会没有反应(如果一开始有...

    一款天气应用微信小程序

    地理编码、天气数据均来自百度地图开放平台。个人开发完全免费,有对应的小程序 sdk,加入即可,但是返回的天气数据较少。

    微信小程序 location API实例详解

    还有一个就是打开内置地图之后再返回会报一个错误(Page route错误—WAService.js:2 navigateBack 一个不存在的webviewId0)如果有知道的可告知,我找到解决方式也会补充下! 主要属性: wx.getLocation(object)获取...

    微信小程序 本地图片按照屏幕尺寸处理

    个人感觉微信小程序的IDE用起来有时候不太方便,可能是之前用惯了Eclipse的原因吧。微信小程序的开发工具不支持直接将文件拷贝到目录下,所以首先要将图片文件导入到本地目录下,然后编写工具类获取屏幕的宽度和高度...

    微信小程序实现打开内置地图功能【附源码下载】

    本文实例讲述了微信小程序实现打开内置地图功能。分享给大家供大家参考,具体如下: 1、效果展示 2、关键代码 index.wxml布局文件代码 &lt;button type=default bindtap=openMap&gt;打开地图&lt;/button&gt; ...

    qqmap-wx:微信小程序_腾讯地图SDK(在官方基础上增加路径规划功能)

    微信小程序_腾讯地图SDK(在官方基础上增加路径规划功能) 以下为使用方法。 // 引入SDK核心类本文件 var QQMapWX = require('xxx/qqmap-wx-jssdk.js'); // 实例化API核心类 var demo = new QQMapWX({ key: '开发...

    利用百度全景SDK仿微信扫街景

    真相是,扫街景的原理就是GPS定位,然后直接返回定位坐标的街景地图。和摄像头根本一毛钱关系没有。 如果你不信,可以试试扫的时候打开定位,把摄像头挡住。 退一万步说,就算真的是用“扫”的,只要依赖了GPS,那这...

Global site tag (gtag.js) - Google Analytics