`

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

阅读更多

最近开发一个微信小程序,首页中有一块儿是地图,地图点击进去后是满屏地图,遇到一个问题,点击首页小块地图跳转至下一页满屏地图,然后再从满屏地图中按默认返回按钮返回到首页时,发现首页小块地图不显示了,目前这个情况只在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咯, 但是不要高兴的太早,根据文档,我们...

    微信小程序_腾讯地图定位源代码

    在“腾讯地图定位(微信小程序源代码)”中,我们可以看到如何使用这些API来实现地图的显示和定位。 1. **初始化地图**: 使用`wx.createMapContext`方法创建地图上下文,然后通过`mapContext.showMap`方法显示地图...

    微信小程序地图搜索模板

    在微信小程序中,由于国内政策原因,不能直接使用谷歌地图API。但可以借助第三方服务,如高德地图API或百度地图API,输入地址后获取对应的经纬度坐标。 三、必应地图API 必应地图API提供了地理编码(Geocoding)...

    微信小程序打卡定位签到系统源代码,利用微信小程序的地图组件获取到用户的地理位置信息,再通过腾讯地图 SDK 获取到对应位置信息

    在微信小程序中,使用`wx.getLocation` API可以获取到用户授权后的经纬度信息。此接口返回的数据包括经度、纬度、精度等关键参数,这些数据是进行打卡定位的基础。 3. **腾讯地图SDK** 腾讯地图SDK为开发者提供了...

    微信小程序 高德地图路线规划实现过程详解

    在微信小程序中实现高德地图路线规划的过程涉及多个步骤,首先需要了解微信小程序的基本环境和高德地图API的使用。本文将详细介绍这个实现过程,并提供相关的代码示例。 1. 准备工作: - 注册并获取微信小程序的...

    微信小程序常用功能学习示例

    在微信小程序中,你可以实现类似原生应用的各种功能,包括但不限于页面展示、用户交互、网络通信等。这个"微信小程序常用功能学习示例"是一个很好的学习资源,帮助开发者掌握微信小程序的基础开发技巧。 首先,我们...

    微信小程序设计 地图定位(源码).zip

    总的来说,"微信小程序设计 地图定位(源码).zip"包含了微信小程序中地图定位功能的实现细节,通过对源码的学习和研究,开发者可以提升在微信小程序地图开发方面的能力,更好地满足用户在移动场景下的需求。

    微信小程序代码-小程序地图定位.zip

    总的来说,这个压缩包中的代码示例将帮助你理解和实现微信小程序中的地图定位功能,包括获取用户位置、显示地图、设置标记、监听位置变化等。在实际开发中,你可以根据自己的需求进行调整和扩展,构建更复杂、更个性...

    微信小程序_地图定位DEMO

    在这个“微信小程序_地图定位DEMO”中,我们将会探讨如何在微信小程序中集成地图定位功能。 首先,我们需要了解微信小程序的基本结构。在提供的文件列表中,可以看到`.gitignore`文件,它用于定义版本控制系统Git应...

    微信小程序 腾讯地图显示偏差问题解决

    总结起来,解决微信小程序腾讯地图显示偏差问题的核心在于理解不同坐标系统的差异,并使用适当的工具进行坐标转换。通过引入gcoord库并正确调用转换函数,可以有效地将其他地图API的数据转换为适合微信小程序的地图...

    微信小程序开发demo-地图定位

    在这个“微信小程序开发demo-地图定位”项目中,我们重点关注的是如何利用微信小程序的API来实现地图功能,特别是`wx.getLocation`接口,这个接口用于获取用户的实时位置信息。 首先,我们要理解`wx.getLocation`...

    微信小程序通用的js代码

    在这个“微信小程序通用的js代码”压缩包中,很显然包含了一些适用于微信小程序开发的JavaScript代码片段,这些代码可能是解决常见问题的函数、工具类库或者是优化性能的方法。 在微信小程序的开发中,JavaScript是...

    微信小程序地图map使用demoMapDemo-master.zip

    在这个"微信小程序地图map使用demoMapDemo-master.zip"压缩包中,包含了一个关于如何在微信小程序中使用地图功能的示例项目。我们将深入探讨这个示例项目的相关知识点。 1. **微信小程序地图组件()**:在微信小...

    微信小程序+springboot+mybatis实现增删改查(微信小程序端).rar

    在实现增删改查功能时,微信小程序需要向SpringBoot后端发送请求,后端接收到请求后,通过MyBatis执行相应的SQL操作,然后将结果返回给小程序端显示。整个过程涉及到了前后端交互、数据模型设计、数据库操作等多个...

    黑马程序员微信小程序-本地生活案例实现所用图片

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要应用于移动端,为用户提供便捷的本地生活服务。在这个“黑马程序员微信小程序-本地生活案例实现所用图片”压缩包中,包含的是一系列用于构建本地生活...

    微信小程序获取当前位置 地图定位导航-详细代码

    在微信小程序中,获取当前位置和实现地图导航是常见的功能需求,尤其对于本地服务类的应用,这一功能至关重要。本文将深入探讨如何在微信小程序中利用其API实现地图定位和导航功能。 首先,我们要了解微信小程序...

    微信小程序开发常用的 1700 个 PNG小图标.zip

    在IT行业中,微信小程序开发是近年来非常热门的一个领域,它为开发者提供了轻量级的应用解决方案,使得用户无需安装即可在微信内使用各种功能丰富的服务。本压缩包“微信小程序开发常用的1700个PNG小图标.zip”包含...

    微信小程序商城前端

    5. **微信小程序API**:微信提供了一系列API,如网络请求、数据缓存、用户授权、地图、支付等,开发者可以通过这些API实现与微信服务器的交互和特定功能的开发。 接口文档通常包含以下几个部分: 1. **API列表**:...

    微信小程序——打开地图选择位置信息完整功能实现代码(定位,可移动选点,可搜索,腾讯地图API)

    小程序中打开地图选择店铺位置,地图定位选择地点实现方法如下,(仿美团外卖商家入驻店铺地址选择页面制作) 功能如下: 1. 默认地位显示地图,下面显示附近场所 2. 可输入搜索关键词,匹配地点 3. 点击地区,...

    一个民宿主题的微信小程序前端

    【标题】"一个民宿主题的微信小程序前端"是关于利用微信小程序平台开发的一款专注于民宿服务的应用。微信小程序作为轻量级的应用形式,无需下载安装即可使用,为用户提供便捷的住宿预订体验。 【描述】提到的功能点...

Global site tag (gtag.js) - Google Analytics