微信小程序地图动态加载marker出现闪烁现象
2019-03-15 18:15:58
微信公开课小程序热门讨论关于「微信小程序地图动态加载marker出现闪烁现象」的小程序开发问题
补充:当前Bug的表现(附上截图)可以看到拖动地图出现明显的闪烁使用微信小程序地图动态展示marker,当用户拖拽或缩放地图时需要加载当前区域内的marker,但是使用setData({markers:markers})出现很明显的闪烁现象
展开:当前Bug的表现(附上截图)可以看到拖动地图出现明显的闪烁使用微信小程序地图动态展示marker,当用户拖拽或缩放地图时需要加载当前区域内的marker,但是使用setData({markers:markers})出现很明显的闪烁现象,该怎么解决预期表现移动地图,动态加载marker,地图上的marker无明显闪烁现象,让用户感觉不到marker刷新了或者能否提供插入或删除单个marker的方法,这种批量操作marker的效率太低了复现路径用鼠标拖动地图,marker重新加载会出现闪烁复现Demodemo如下:mapwxml:<viewclass=map_container<mapclass=mapid=maplongitude={{longitude}}latitude={{latitude}}scale=14showlocation=truemarkers={{markers}}bindregionchange=regionchange<map<viewmapwxss:map_container{position:absolute;top:0;bottom:0;left:0;right:0;}map{width:100%;height:100%;}mapjsvaramapFile=require(libsamapwxjs);varmarkersData=[];Page({data:{markers:[],latitude:32864377803922,longitude:115788491268263},onLoad:function(){varthat=this;},onShow:function(){模拟从服务器加载设备模拟网络延迟setTimeout(()={varmarkers=thisgetMarkers();thissetData({markers:markers});},1000);},regionchange:function(res){if(restype==end){consolelog(加载设备);模拟从服务器加载设备模拟网络延迟setTimeout(()={varmarkers=thisgetMarkers();thissetData({markers:markers});},1000);}},getMarkers:function(){varmarkers1=[{latitude:32863684789997,longitude:115794747394735},{latitude:32866150490718,longitude:115779776056454},{latitude:3285699840912,longitude:115793706230259},{latitude:32868802796587,longitude:115795851934883},{latitude:32868802796587,longitude:115795851934883},{latitude:32865037454128,longitude:115784221396101},{latitude:32861683316431,longitude:115794735614756},{latitude:3286145345,longitude:1157946734},{latitude:32866980115902,ongitude:115779949},{latitude:32861960286233,longitude:115794732449203},{latitude:32861960286233,longitude:115794732449203},{latitude:32860691527707,longitude:115783249338155},{latitude:32858660704851,longitude:115782761369842},{latitude:32861673318033,longitude:115782898390111},{latitude:32859451402325,longitude:115783271050545},{latitude:32858075553001,longitude:115782085844506},{latitude:3285980061309,longitude:115782478686392},{latitude:32859026954912,longitude:115783450959086},{latitude:32858902233697,longitude:115786543290987}];varmarkers2=[{latitude:32863684789997,longitude:115794747394735},{latitude:32859749503874,longitude:115782486744537},{latitude:32865891748675,longitude:115778707367095},{latitude:32868802796587,longitude:115795851934883},{latitude:32868802796587,longitude:115795851934883},{latitude:32865037454128,longitude:115784221396101},{latitude:32861683316431,longitude:115794735614756},{latitude:3286145345,longitude:1157946734},{latitude:32866980115902,ongitude:115779949},{latitude:32861960286233,longitude:115794732449203},{latitude:32861960286233,longitude:115794732449203},{latitude:32860691527707,longitude:115783249338155},{latitude:32858660704851,longitude:115782761369842},{latitude:32861673318033,longitude:115782898390111},{latitude:32859451402325,longitude:115783271050545},{latitude:32858075553001,longitude:115782085844506},{latitude:3285980061309,longitude:115782478686392},{latitude:32859026954912,longitude:115783450959086},{latitude:32858902233697,longitude:115786543290987}];varmarkers3=[{latitude:32863684789997,longitude:115794747394735},{latitude:32859749503874,longitude:115782486744537},{latitude:3285699840912,longitude:115793706230259},{latitude:32868802796587,longitude:115795851934883},{latitude:32868802796587,longitude:115795851934883},{latitude:32865037454128,longitude:115784221396101},{latitude:32865902040263,longitude:115780964494169},{latitude:3286145345,longitude:1157946734},{latitude:32866980115902,ongitude:115779949},{latitude:32861960286233,longitude:115794732449203},{latitude:32861960286233,longitude:115794732449203},{latitude:32860691527707,longitude:115783249338155},{latitude:32858660704851,longitude:115782761369842},{latitude:32861673318033,longitude:115782898390111},{latitude:32859451402325,longitude:115783271050545},{latitude:32858075553001,longitude:115782085844506},{latitude:3285980061309,longitude:115782478686392},{latitude:32859026954912,longitude:115783450959086},{latitude:32858902233697,longitude:115786543290987}];varrm=(Mathrandom()*3)toFixed(0);consolelog(rm=+rm);if(rm==1){returnmarkers1;}elseif(rm==2){returnmarkers2;}else{returnmarkers3;}}})即速小程序:@微信团队
更多有关「微信小程序地图动态加载marker出现闪烁现象」的讨论可以前往微信公开课小程序参与互动哦!
补充:当前Bug的表现(附上截图)可以看到拖动地图出现明显的闪烁使用微信小程序地图动态展示marker,当用户拖拽或缩放地图时需要加载当前区域内的marker,但是使用setData({markers:markers})出现很明显的闪烁现象
展开:当前Bug的表现(附上截图)可以看到拖动地图出现明显的闪烁使用微信小程序地图动态展示marker,当用户拖拽或缩放地图时需要加载当前区域内的marker,但是使用setData({markers:markers})出现很明显的闪烁现象,该怎么解决预期表现移动地图,动态加载marker,地图上的marker无明显闪烁现象,让用户感觉不到marker刷新了或者能否提供插入或删除单个marker的方法,这种批量操作marker的效率太低了复现路径用鼠标拖动地图,marker重新加载会出现闪烁复现Demodemo如下:mapwxml:<viewclass=map_container<mapclass=mapid=maplongitude={{longitude}}latitude={{latitude}}scale=14showlocation=truemarkers={{markers}}bindregionchange=regionchange<map<viewmapwxss:map_container{position:absolute;top:0;bottom:0;left:0;right:0;}map{width:100%;height:100%;}mapjsvaramapFile=require(libsamapwxjs);varmarkersData=[];Page({data:{markers:[],latitude:32864377803922,longitude:115788491268263},onLoad:function(){varthat=this;},onShow:function(){模拟从服务器加载设备模拟网络延迟setTimeout(()={varmarkers=thisgetMarkers();thissetData({markers:markers});},1000);},regionchange:function(res){if(restype==end){consolelog(加载设备);模拟从服务器加载设备模拟网络延迟setTimeout(()={varmarkers=thisgetMarkers();thissetData({markers:markers});},1000);}},getMarkers:function(){varmarkers1=[{latitude:32863684789997,longitude:115794747394735},{latitude:32866150490718,longitude:115779776056454},{latitude:3285699840912,longitude:115793706230259},{latitude:32868802796587,longitude:115795851934883},{latitude:32868802796587,longitude:115795851934883},{latitude:32865037454128,longitude:115784221396101},{latitude:32861683316431,longitude:115794735614756},{latitude:3286145345,longitude:1157946734},{latitude:32866980115902,ongitude:115779949},{latitude:32861960286233,longitude:115794732449203},{latitude:32861960286233,longitude:115794732449203},{latitude:32860691527707,longitude:115783249338155},{latitude:32858660704851,longitude:115782761369842},{latitude:32861673318033,longitude:115782898390111},{latitude:32859451402325,longitude:115783271050545},{latitude:32858075553001,longitude:115782085844506},{latitude:3285980061309,longitude:115782478686392},{latitude:32859026954912,longitude:115783450959086},{latitude:32858902233697,longitude:115786543290987}];varmarkers2=[{latitude:32863684789997,longitude:115794747394735},{latitude:32859749503874,longitude:115782486744537},{latitude:32865891748675,longitude:115778707367095},{latitude:32868802796587,longitude:115795851934883},{latitude:32868802796587,longitude:115795851934883},{latitude:32865037454128,longitude:115784221396101},{latitude:32861683316431,longitude:115794735614756},{latitude:3286145345,longitude:1157946734},{latitude:32866980115902,ongitude:115779949},{latitude:32861960286233,longitude:115794732449203},{latitude:32861960286233,longitude:115794732449203},{latitude:32860691527707,longitude:115783249338155},{latitude:32858660704851,longitude:115782761369842},{latitude:32861673318033,longitude:115782898390111},{latitude:32859451402325,longitude:115783271050545},{latitude:32858075553001,longitude:115782085844506},{latitude:3285980061309,longitude:115782478686392},{latitude:32859026954912,longitude:115783450959086},{latitude:32858902233697,longitude:115786543290987}];varmarkers3=[{latitude:32863684789997,longitude:115794747394735},{latitude:32859749503874,longitude:115782486744537},{latitude:3285699840912,longitude:115793706230259},{latitude:32868802796587,longitude:115795851934883},{latitude:32868802796587,longitude:115795851934883},{latitude:32865037454128,longitude:115784221396101},{latitude:32865902040263,longitude:115780964494169},{latitude:3286145345,longitude:1157946734},{latitude:32866980115902,ongitude:115779949},{latitude:32861960286233,longitude:115794732449203},{latitude:32861960286233,longitude:115794732449203},{latitude:32860691527707,longitude:115783249338155},{latitude:32858660704851,longitude:115782761369842},{latitude:32861673318033,longitude:115782898390111},{latitude:32859451402325,longitude:115783271050545},{latitude:32858075553001,longitude:115782085844506},{latitude:3285980061309,longitude:115782478686392},{latitude:32859026954912,longitude:115783450959086},{latitude:32858902233697,longitude:115786543290987}];varrm=(Mathrandom()*3)toFixed(0);consolelog(rm=+rm);if(rm==1){returnmarkers1;}elseif(rm==2){returnmarkers2;}else{returnmarkers3;}}})即速小程序:@微信团队
更多有关「微信小程序地图动态加载marker出现闪烁现象」的讨论可以前往微信公开课小程序参与互动哦!
标签:微信公开课,小程序
「微信小程序地图动态加载marker出现闪烁现象」热门讨论订阅
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「微信小程序地图动态加载marker出现闪烁现象」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「微信小程序地图动态加载marker出现闪烁现象」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「微信小程序地图动态加载marker出现闪烁现象」
微信公开课小程序热门讨论「微信小程序地图动态加载marker出现闪烁现象」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「微信小程序地图动态加载marker出现闪烁现象」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。
微信公开课小程序
更新时间:2019-03-15 18:15:58
>
__methodCallerx27;ofundefined
>-404011cloudfunctionexecutionerror
>,请补充选择商家自营-预付卡销售-发行方类目,并在基础信息处申请该类目,通过
>:host在模拟器中显示无效
>:请在小程序服务页面上架正式(非测试)内容或商品后重新提交审核
>.net 微信小程序 上传图片
>'setTimeout'的问题
>‘三朵里熙SPA主题减压空间’为什么搜索关键词‘三朵里‘搜不到
>‘扫普通链接二维码打开小程序‘中设置为体验版,扫码打开是线上版本
>“cloudfunctions**indexjs”gitignore
>“NO ULINK DEVICE FOUND”是怎么回事
>“万马掌上校园”的类目审核
>“上线了”公司开发的微信小程序怎么样?
>“产品是否一定需要条形码”
>