微信公开课
如何看待微信公开课小程序热门讨论「小程序安卓机调取地图缩放闪退问题」
摘要:小程序安卓机调取地图缩放闪退问题
展开:!pages/map/map.wxmlviewclassmainviewclasssearchviewclassbgimageclassiconsrc/images/icon_search.png/imageinputbindinputbindKeyInputbindconfirmsearchclassinputplaceholder关键字/区域/商圈/input/viewimageclassnavsrc/images/nav_right_map.pngbindtapgoTo/image/viewmapidmyMapclassmaplongitude{{map.longitude}}latitude{{map.latitude}}markers{{markers}}controls{{controls}}bindcontroltapcontroltapshowlocationincludepoints{{includes}}bindcallouttapselectStorebindmarkertapselectStorebindregionchangegetCenterLocationscale13bindtapincludePointsscale18/mapviewclassstorebindtapopenDetaildataid{{detail.StoreId}}viewclassswnowrap{{detail.StoreName}}/viewviewclassseatswnowrap{{detail.Address}}/viewviewclassnowwx:if{{detail.Distance}}imageclassjlsrc/images/icon_juli.png/image距离当前位置{{detail.Distance}}/viewimageclassleftsrc/images/icon_left.png/image/viewscrollviewclassscrollscrollyviewclasslistwx:for{{list}}wx:key{{item.RoomTypeId}}bindtapopenRoomdataid{{item.RoomTypeId}}imageclassimgsrc{{item.RoomTypeImage}}modeaspectFill/imageviewview{{item.RoomTypeName}}/viewview¥{{item.Price}}起/月/view/view/view/scrollview/view//pages/map/map.jsconstappgetApp()varQQMapWXrequire(../../libs/qqmapwxjssdk.min.js);//实例化API核心类varqMapnewQQMapWX({key:AOCBZUZFKFFFVJRJI5R3PXP5JI2F5K//必填});letw0;leth0;letMarr[];letParr[];letisSFtrue;letdata{CommonParam:{Phone:,CityName:,PriceType:1,PageSize:5,PageIndex:1},Priority1SearchText:,Priority3LongAndLati:{Longitude:360,Latitude:360,ForSearch:1}}Page({/页面的初始数据/data:{map:{longitude:,//中心经度latitude:,//中心纬度},markers:[],//坐标点controls:[],//控件includes:[],//包含点detail:null,//门店详情list:[],//房型列表Data:null,},/生命周期函数监听页面加载/onLoad:function(options){isSFtruewx.getSystemInfo({success:function(res){wres.windowWidthhres.windowHeight}})letthatthis;wx.getLocation({type:gcj02,success:function(res){letcontrol[{id:1,iconPath:/images/wz.png,position:{left:(w72)10,top:(h0.4525)15,width:72,height:25},clickable:true}];data.Priority3LongAndLati.Longituderes.longitudedata.Priority3LongAndLati.Latituderes.latitudedata.CommonParam.CityNameapp.globalData.currentCity//data.Priority3LongAndLati.Longitude121.389//data.Priority3LongAndLati.Latitude31.185that.search();that.setData({map.longitude:res.longitude,map.latitude:res.latitude,//map.longitude:121.389,//map.latitude:31.185,controls:control})}})//使用wx.createMapContext获取map上下文this.mapCtxwx.createMapContext(myMap)},controltap(e){console.log(e.controlId)letthatthis;if(e.controlId1){wx.getLocation({type:gcj02,success:function(res){that.setData({map.longitude:res.longitude,map.latitude:res.latitude,})}})}},includePoints:function(){this.mapCtx.includePoints({padding:[10],points:[{latitude:23.10229,longitude:113.3345211,},{latitude:23.00229,longitude:113.3345211,}]})},goTo:(event){wx.navigateBack({url:event.currentTarget.dataset.url})},search:function(){letuserwx.getStorageSync(MFUser);if(user){data.CommonParam.Phoneuser.PhoneNumber}if(isSF){wx.showLoading({title:加载中,mask:true})}let_thisthis;Marr[]Parr[]wx.request({url:app.globalData.url.concat(/api/Search/SearchStore),method:POST,data:data,success:function(res){console.log(res.data)data.Priority1SearchTextletdres.data.Data;if(d.length){if(isSF){_this.setData({detail:d[0],})_this.getStoreList(d[0].StoreId)}_this.setData({Data:res.data.Data})for(leti0;id.length;i++){letvaluewx.getStorageSync(d[i].Lat+,+d[i].Lng)if(value){_this.pushMarker(value.lat,value.lng,d,i);}else{_this.reverseLocation(d[i].Lat,d[i].Lng,d,i)}}}},complete:function(){wx.hideLoading();isSFfalse;}})},reverseLocation:function(lat,lng,data,i){//百度坐标转腾讯地图坐标varthatthis;//调用接口qMap.reverseGeocoder({location:{latitude:lat,longitude:lng,},coord_type:3,//baidu经纬度success:function(res){varlocationres.result.ad_info.location;that.pushMarker(location.lat,location.lng,data,i);wx.setStorage({key:lat+,+lng,data:{lat:location.lat,lng:location.lng}})}});},pushMarker:function(lat,lng,d,i){let_thisthis;letcolor000if(isSF){color(i0)?FF5B5B:000}//添加marker点letm{iconPath:/images/icon_sign_dizhi.png,id:d[i].StoreId,latitude:lat,longitude:lng,width:19,height:19,callout:{content:d[i].StoreName+
¥+d[i].StartPrice+起/月,fontSize:12,borderRadius:8,bgColor:ffffff,color:color,padding:5,display:ALWAYS}}Marr.push(m)//添加包含点,缩放地图展示letp{latitude:d[i].Lat,longitude:d[i].Lng,}Parr.push(p)if(isSF){_this.setData({includes:Parr})}_this.setData({markers:Marr,})},//获取房型列表getStoreList:function(id){let_thisthis;wx.request({url:app.globalData.url.concat(/api/StoreBrand/RoomTypes),method:POST,data:{StoreId:id},success:function(res){_this.setData({list:res.data.Data})}})},selectStore:function(e){for(letiinthis.data.Data){if(this.data.Data[i].StoreIde.markerId){this.setData({detail:this.data.Data[i]})}}letmthis.data.markersfor(letiinm){if(m[i].ide.markerId){m[i].callout.colorFF5B5B}else{m[i].callout.color000}}this.setData({markers:m})this.getStoreList(e.markerId)},openDetail:(args){wx.navigateTo({url:../storeDetail/storeDetail?id+args.currentTarget.dataset.id})},openRoom:(args){wx.navigateTo({url:../RoomDetail/RoomDetail?RoomTypeId+args.currentTarget.dataset.id})},bindKeyInput:function(e){data.Priority1SearchTexte.detail.value},onReady:function(){wx.getSetting({success:res{if(!res.authSetting[scope.userLocation]){wx.authorize({scope:scope.userLocation,success(){}})}}})},//显示门店信息getCenterLocation:function(e){let_thisthis;if(e.typebegin){this.mapCtx.getCenterLocation({success:function(res){data.Priority3LongAndLati.Longituderes.longitudedata.Priority3LongAndLati.Latituderes.latitude_this.search();}})}}})了解更多
方法1:微信扫描微信公开课小程序码即可订阅热门讨论「小程序安卓机调取地图缩放闪退问题」
方法2:微信搜索微信公开课小程序名称进入,即可订阅热门讨论「小程序安卓机调取地图缩放闪退问题」
方法3:微信网页访问即速商店,长按识别微信公开课小程序码即可订阅热门讨论「小程序安卓机调取地图缩放闪退问题」
微信公开课小程序热门讨论「小程序安卓机调取地图缩放闪退问题」由微信公开课原创摘录于微信小程序商店shop.jisuapp.cn,转载请注明出处。
微信公开课热门讨论「小程序安卓机调取地图缩放闪退问题」由微信公开课开发者向微信用户提供,并对本服务内容、数据资料及其运营行为等真实性、合法性及有效性承担全部责任。