微信公开课
微信公开课小程序热门讨论关于「map组件的2个问题」的小程序开发问题
补充:map组件的2个问题
展开:当前Bug的表现开发工具上,map的marker设置的iconPath正常显示,而真机预览总是默认的小红柱;开发工具上的coverimage正常显示,真机预览无法显示真机预览使用的是iphone6版本1212预期表现(开发工具上显示正常)(真机预览结果异常)提供一个最简复现Demodemowxml<viewclass=container <map id=wxmap longitude={{longi}} latitude={{lati}} scale=16 markers={{markers}} bindmarkertap=markertap bindregionchange=regionchange style=width:100%;height:60%; <coverimageclass=resetbindtap=resetCensrc={{coverImage}}<coverimage <map<viewdemowxssreset{ padding:10rpx; borderradius:50%; background:FFF; width:38rpx; height:38rpx; position:absolute; bottom:32rpx; right:32rpx; zindex:10;}reset_ico{ width:38rpx; height:38rpx; zindex:12;}demojs获取应用实例constapp=getApp();Page({ data:{ longi:113324520, lati:23099994, coverImage:resourcesaimsvg,本地图片 markers:[{ id:1, iconPath:resourcestarget_bluesvg,本地图片latitude:23099994, longitude:113324520, width:56rpx, height:56rpx }], wxmap:{} }, onLoad:function(){ const_this=this; _thisinitialize(); appglobalDatawxmap=wxcreateMapContext(wxmap); _thiswxmap=appglobalDatawxmap; }, regionchange(e){ if(etype==end){ thiswxmapgetCenterLocation({ success:(res)={ thissetCentre({longitude:reslongitude,latitude:reslatitude}); } }); } }, resetCen:function(){ thiswxmapmoveToLocation(); }, initialize:function(){ wxgetLocation({ success:(res)={ varcoordinate={ longitude:reslongitude, latitude:reslatitude }; thissetScreenCentre(coordinate); thissetCentre(coordinate); } }); }, setCentre:function(coordinate){ thissetData({ markers[0]latitude:coordinatelatitude, markers[0]longitude:coordinatelongitude }); }, 屏幕中心坐标设置 setScreenCentre:function(coordinate){ thissetData({ longi:coordinatelongitude, lati:coordinatelatitude, }); }})即速小程序:麻烦提供下该代码片段:https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml
更多有关「map组件的2个问题」的讨论可以前往微信公开课小程序参与互动哦!了解更多