手机录屏地址:http://p.cecen.vip/aa.mp4 首页点击“开始记录轨迹”按钮,程序开始每5秒记录一次位置,并将经纬度通过api.ApiInsert接口写入数据库,主要代码如下: wx.getLocation({ type: 'gcj02', //type: wgs84/gcj02 success (res) { util.request(api.ApiInsert, { latitude: res.latitude, longitude: res.longitude, speed: res.speed, accuracy: res.accuracy },"POST").then(function (data) { if (data.statusCode != 200) { console.log("轨迹记录失败: " + data.message); } }); } }) 点击“停止记录轨迹”按钮时,终止以上动作。 在轨迹页面中选择一个要回放的日期后进行初始化数据,主要代码如下: util.request(api.ApiGetLocation, { date: this.data.date }, 'GET').then(res => { if (res.statusCode == 200) { this.setData({ location: { latitude: res.data[0].latitude, longitude: res.data[0].longitude }, markers: [{ id: 1, latitude: res.data[0].latitude, longitude: res.data[0].longitude, width: 16, height: 20, iconPath: 'https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/car.png', }], polyline: [{ points: res.data, color: '#3875FF', width: 6 }] }); } }) 初始化完数据后,当用然点确定时进行模拟回放,主要代码如下: const mapCtx = wx.createMapContext('map', this); mapCtx.moveAlong({ markerId: 1, path: this.data.polyline[0].points, //移动路径的坐标串 duration: 10000, //平滑移动的时间 autoRotate: true //车头按行驶方向自动旋转,默认true }); 前端map如下: <map class="map" id="map" latitude="{{location.latitude}}" longitude="{{location.longitude}}" markers="{{markers}}" polyline="{{polyline}}" scale="{{scale}}" enable-zoom="{{true}}" enable-scroll="{{true}}" showScale="{{true}}" showCompass="{{true}}" > </map> 效果未达到实际要求,展示出来的路线,有些路段歪歪扭扭的,与实际不符。
行驶路径moveAlong不顺滑,为什么会有较大锯齿?const mapCtx = wx.createMapContext('map', this); mapCtx.moveAlong({ markerId: 1, path: this.data.polyline[0].points, //移动路径的坐标串 duration: 10000, //平滑移动的时间 autoRotate: true //车头按行驶方向自动旋转,默认true }); 用的是官方示例,只是改了path的值,但出来的结果会有莫名其妙的差异,如下图 [图片]实际上应该是按公路一条直线或弧线,为什么会出现锯齿状呢?
2021-04-15大哥,你是怎么解决的? 我遇到个问题能否帮我看一下,谢谢。 https://developers.weixin.qq.com/community/develop/doc/00002e996e8d4050eaeb5c30a5d800
地图导航路线中polyline--points数组异常模拟机时:polyline--points数组正常显示是按照0,1,2,3,4,5,--386个数组对象显示, [图片] [图片] 路线是对的 真机时:polyline--points数组正常显示是按照数字顺序显示,明显是错误的, 如0,1,10,100,2,20,200,3,...386,为什么真机时顺序是变的,路线也是不显示的,是错误的。 请官方帮助下: 真机根本没有路线图,只有两个点的标记。 [图片]
2021-04-01我刚解决这个问题,在手机端小程序右上角的"...",里面有个“开发调试”功能,要打开调试才行,这个搞了我三天才解决,我去。 https://developers.weixin.qq.com/community/develop/doc/00084a10148710c39ca83ef9256400 https://blog.csdn.net/weixin_43037740/article/details/114980862 我是看了上面两个网页这里才知道的。
小程序 体验版 需要校验请求域名吗?因为测试数据是在测试环境中。测试的时候都是用的http开头的请求。打开开发环境不校验请求域名后,我自己的手机预览、打开体验版数据都能跑通;但是我加入的其他体验者打开体验版。数据就请求不到;是不是体验版必须是校验请求域的,跟工具上开发环境不校验请求域名没有关系?
2021-03-29谢谢,已经下载了。
哪里下载官方的示例小程序源码?这是官网有关Map的小程序示例,请问如何把这个小程序的源码下载下来? [图片]
2021-03-29