微信小程序上的map组件bindregionchange地图视野变化函数成功回调会产生2次值的问题？...

最新推荐文章于 2024-05-09 18:03:49 发布
最新推荐文章于 2024-05-09 18:03:49 发布
阅读量609 收藏
点赞数
原文链接：http://www.cnblogs.com/taohuaya/p/10718603.html
版权

bindregionchange确实是会触发两次，第一次是视野变化开始，第二次是视野变化结束。

 

你可以尝试把e.type给打印出来，值为begin表示开始，值为end表示结束。

 wxml:

 

js:

转载于:https://www.cnblogs.com/taohuaya/p/10718603.html

weixin_30411239
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
奇怪的问题[00] 微信小程序地图组件使用bindregionchange的小BUG？
qq_41784169的博客
02-24 516
今天使用地图中心定钉， 想要在移动后获得中心点位置， 发现使用bindregionchange获得结束点的位置是我手抬起来的时候的中心点位置， 地图因为惯性还会继续移动一些位置， 因此导致获得不到最终点。 因此在bindregionchange的返回值"type"为"end"时： var mapCtx = wx.createMapContext("myMap") var itv // slon,slat为未移动前的经纬度 var slon = 0,slat = 0 i
小程序-视野发生变化时-导致重复触发bindregionchange且视野不能再次更改的原因分析及解决
大磊的博客
07-31 6719
当触发事件：bindregionchange时，可以通过getCenterLocation的方式来获取当前页面的中心的经纬度信息并将经纬度信息设置到data中，在控件被点击事件时，将当前的data里的经纬度信息，赋给markers,从而实现利用视野改变+控件点击实现指定的效果。但是，如果在bindregionchange事件的函数里去利用当前的中心位置更改data里的经纬度，bindregionc...
小程序bindregionchange使用的坑
weixin_45041678的博客
08-05 3167
绑定事件 bindregionchange的使用 bug:官方承认的bug，正常配置后当拖动地图时会无限的刷新。 原因： //拖动地图，触发的寻找附近设备的函数(里面有个bug，当用户拖动地图时，会一直触发e.type =='begin’字符串【官方承认的bug，解决办法，不要在bindregionchange里面更新任何this.data里的数据或者添加 e.causeby="drag"触发 】， 但是当停止时，才会触发e.type == "end"的字符串，如果在begin里面写请求，会一直去请求后台
uniapp-小程序开发map地图组件的@regionchange首页刷新的时候连续执行问题
pirs123的博客
08-29 1916
公司做的是电瓶车换电项目，所已涉及用到地图展示线下换电点位，由于点位过多一次性请求出来性能非常大，对用户体验也不好，所有用到了@regionchange来实现根据当前位置返回附近几公里范围的点位...
微信小程序--地图regionchange事件频繁触发导致崩溃
zhangdaren的专栏
10-25 8508
之前在做小程序“找厕所”的时候，需要在移动地图时，自动寻找当前地图中心点附近的厕所。模拟器上面运行的挺好，真机上面测试发现会不断刷新所有maker，打开调试窗口看到不断触发regionchange 事件，造成频繁请求而报错。 在微信小程序论坛上太多人遇到这个问题，官方回复:承认bug，等待修复。然而几个月过去依然如些，官方靠不住
微信小程序 地图定位、选址，解决regionchange重复调用
yechaoa
08-24 1万+
效果： 需求 定位到当前位置，并查询周边的地址显示到列表中，且地图可以拖动选取位置 实现 1，在wxml中添加视图view <map id="map" longitude="{{myLongitude}}" latitude="{{myLatitude}}" scale="18" bindcontroltap="controltap" markers="{{ma
微信小程序开发中的坑（一）
Teastears的专栏
12-13 412
微信小程序map组件中有bindregionchange事件。文档上讲视野发生变化时触发，但是没有相关的详细说明。 首先，每次视野变动时，这个事件都会触发多次，经过深入测试，发现，每次视野变化，都会触发两次这个事件，一次type为begin，一次type为end 另外，在微信开发工具的模拟器上和在真机上这个事件的触发也是有差别的。 地图绑定中心点坐标后，setdata更新中心的坐标。这个操作在模拟...
[uniapp 地图组件] 小坑：translateMarker的回调函数，会调用2次
jinwenshuo2007的博客
05-09 467
大概率是因为旋转和移动是两个动画，动画结束后都会分别调用此函数。即使你配置了 【不旋转】它还是会调用两次，所以此处应该是官方的bug。
微信小程序——地图map
白木乔
07-03 4717
地图的注意事项：tip: map 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 map 组件。tip: css 动画对 map 组件无效。tip: map 组件使用的经纬度是火星坐标系，调用 wx.getLocation 接口需要指定 type 为...
微信小程序学习之路——地图组件（Map）
创作星球
04-02 4114
地图组件 移动应用中地图是必不可缺的内容，通过地图我们可以很直观地表现出地理信息，为此小程序提供了<map/>组件和定位相关的API，在给出其属性值之前，我们先用代码来测试以及看一看它的效果： 示例代码如下: <map id="map" longitude="{{longitude}}" latitude="{{latitude}}"circles="{{circles}...
微信小程序地图开发总结
weixin_30876945的博客
07-04 852
　　最近在做一个微信小程序地图插件，通过传入起始位置名称和经纬度信息，就可以跳转到路线规划插件页面中，在该页面中，可以根据起始位置查询自驾，公共交通，步行等方式的路线信息，并且在地图上显示路线信息，在这个过程中，用到了微信小程序的组件map和腾讯地图sdk，接下来主要对微信小程序的地图开发进行总结 一、微信小程序地图组件 　　为了方便微信小程序使用地图的相关功能，微信小程序为我...
mpvue开发地图bindregionchange属性注意点
wscfan的博客
07-16 3639
&lt;map @regionchange="regionChange" @begin="regionChangeBegin" @end="regionChangeEnd"&gt;&lt;map&gt; 这个事件比较特殊，它的 event type 有 begin 和 end 两个。
微信小程序地图返回当前位置map，
jinyajun的博客
09-09 3817
功能：点击右下角图标，地图中心点返回当前定位，且缩放为初始缩放值 需要解决的问题： 1、地图上下左右拖动后，点击右下角图标返回当前定位的位置 2、地图缩放大小后，点击右下角图标能返回初始化设置的缩放值 思路： 下面是wxml页面相关代码: 只截取部分核心代码 ↓ ，css根据布局需求更改即可 <!--wxml页面代码 已授权获取位置--> <map id="map" style="width:100%;height:100%;" longitude=..
微信小程序开发——map地图组件，定位，并手动修改位置偏差。
热门推荐
贝尔·格里屌斯的专栏
01-29 9万+
环境搭建 注册，获取APPID（没有这个不能真鸡调试） 下载微信web开发者工具（挺多bug，将就用） 打开微信web开发者工具，扫码登录，新建小程序，输入APPID，勾选创建quick start项目。 工程结构可以看到工程根目录中有个app.js，这里可以定义全局变量，通过getApp()获取。 项目中有了一些示例，已经有了获取用户信息的方法等。 开发地图定位，选择位置功能我们直接修改ind
微信小程序腾讯地图bindregionchange事件导致图标闪烁的解决方法
LaZY的博客
07-04 1976
微信小程序中的腾讯地图，我们讲地图上放置一些图标，如共享单车的位置，如果我们在bindregionchange的函数中写入寻找图标位置的代码，我们启动后，或者移动地图的中心位置后，就会出现图标闪烁的现象，解决这个现象的方法为 例如我们写入的bindregionchange函数是： regionchange(e) { var that = this; if(e.type == "en...
【微信小程序】地图（97/100）
lichong951的专栏
07-14 774
地图预览
wepy2中使用腾讯地图map组件bindregionchange无法绑定的解决办法
一键写代码的博客
09-18 399
小程序官方文档： map组件支持的属性和事件： bindregionchange eventhandle 否 视野发生变化时触发， 2.3.0 然而，大坑的是，在wepy2框架中，我们这样使用： <map class="map" id="map" controls="true" :longitude="longitude" :latitude="latitude" scale="15" :sub
ASP网上拍卖系统设计与实现(论文+源代码+开题报告).rar
08-10
资源包主要包含以下内容： ASP项目源码：每个资源包中都包含完整的ASP项目源码，这些源码采用了经典的ASP技术开发，结构清晰、注释详细，帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码，用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件：为了方便用户更好地理解系统的后台逻辑，每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档，以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境，并了解各个数据表之间的关系和作用。 详细的开发文档：每个资源包都附有详细的开发文档，文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料，使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南：为帮助用户更好地理解和使用这些ASP项目，每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程，使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考：对于正在准备毕业设计的学生来说，这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰，还符合常见的毕业设计要求和标准。通过这些项目，学生可以学习到如何从零开始构建一个完整的Web系统，并积累丰富的项目经验。
基于Android远程监控工具设计与实现.docx
最新发布
08-10
基于Android远程监控工具设计与实现.docx
微信小程序 腾讯地图 中心点如何在地图渲染时为wx.getLocation方法中使用qqmapsdk.reverseGeocoder获取的经纬度坐标
06-10
在微信小程序中，可以使用腾讯地图提供的 `map` 组件来展示地图，并且可以通过 `wx.getLocation` 方法获取当前位置的经纬度坐标。然后，将这些经纬度坐标传递给 `qqmapsdk.reverseGeocoder` 方法来获取当前位置的详细地址信息。 为了将地图中心点设置为当前位置，可以在 `map` 组件上绑定 `bindregionchange` 事件，当地图视野变化时触发该事件。在 `bindregionchange` 事件回调函数中，可以通过 `e` 参数获取当前地图的中心点坐标 `e.caenterLatitude` 和 `e.centerLongitude`，并将其传递给 `qqmapsdk.reverseGeocoder` 方法来获取当前中心点的详细地址信息。 以下是示例代码： ```javascript // 在页面中引入腾讯地图 SDK var qqmapsdk = new QQMapWX({ key: 'yourKey' }); Page({ onReady: function () { // 获取当前位置的经纬度坐标 wx.getLocation({ type: 'gcj02', success: function (res) { var latitude = res.latitude; var longitude = res.longitude; // 将经纬度坐标传递给 qqmapsdk.reverseGeocoder 方法获取详细地址信息 qqmapsdk.reverseGeocoder({ location: { latitude: latitude, longitude: longitude }, success: function (res) { console.log(res.result.address); } }); // 设置地图中心点为当前位置 this.mapCtx = wx.createMapContext('myMap'); this.mapCtx.moveToLocation(); } }) }, // 监听地图视野变化事件 bindregionchange: function (e) { // 获取当前地图中心点的经纬度坐标 var latitude = e.caenterLatitude; var longitude = e.centerLongitude; // 将经纬度坐标传递给 qqmapsdk.reverseGeocoder 方法获取详细地址信息 qqmapsdk.reverseGeocoder({ location: { latitude: latitude, longitude: longitude }, success: function (res) { console.log(res.result.address); } }); } }) ``` 在上述示例代码中，`yourKey` 需要替换为您自己的腾讯地图开发者密钥，`myMap` 需要替换为您在页面中使用 `map` 组件的 `id` 属性值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值