// pages/deviceLocal/deviceLocal.js const config = require('../../common/config.js'); const common = require('../../common/common.js'); var http = require('../../common/http.js'); var storage = require('../../common/storage.js'); var QQMapWX = require('../../libs/qqmap-wx-jssdk.js'); var qqmapsdk; export default { data() { return { deviceInfo: {}, marker: [], mileage_total: 0, deviceMarker: [], trackMarker: [], alarmMarker: [], playMarker: [], endSlide: 0, polylines: [], trackPoints: [], trackStopList: [], batteryWidth: 37, alarmList: [], adjustSpeed: 1, scale: 8, speedTime: 200, trackDialogFrom: { startTime: new Date(new Date().getTime() - 3600000).getTime(), formatStartTime: common.formatDateTime(new Date(new Date().getTime() - 3600000).getTime()), endTime: new Date().getTime(), formatEndTime: common.formatDateTime(new Date().getTime()) }, latitude_my: null, longitude_my: null, trackDialogShow: false, selectTime: new Date().getTime(), selectTimeType: '', alarmPopupShow: false, trackStopPopupShow: false, timeSelectShow: false, inPlay: false, playTimer: null, nowPlayIndex: 0, totalTrackValue: 0, currentTrackValue: 0, macid: '', gps: 0, gsm: 0, status: '', address: '', showInfo: true, iconList: [], locationTimer: null, longitude: null, latitude: null, trace: false, tracePoints: [], traceTime: 0, traceTimer: null, fencePopupShow: false, fenceList: [], isLocationType: 1, circles: [], selectFence: null, mapParams: { enableSatellite: false, // 是否开启卫星图 enableTraffic: false // 是否开启实时路况 }, isShowGPS: false, // locationInfo:{} locationType: '', locationAdress: '', locationGpsType: '', locationGpsAdress: '', gpsMarker: [] }; } /** * 生命周期函数--监听页面加载 */, onLoad: function (options) { this.loadIconList(); this.readyDeviceInfo(); this.loadAlarmList(); this.loadFenceList(); this.locationLoop(true); //this.loadLastGpsInfo() this.locationTimer = setInterval(this.locationLoop, 10000); //获取当前位置 uni.getLocation({ type: 'gcj02', success: (res) => { //console.log(res) this.setData({ latitude_my: res.latitude, longitude_my: res.longitude }); } }); this.mapCtx = uni.createMapContext('myMap'); }, onHide: function () {}, onShow: function () {}, onUnload: function () { clearInterval(this.locationTimer); clearInterval(this.traceTimer); clearInterval(this.playTimer); }, methods: { loadIconList: function () { this.iconList = storage.getIconList(); if (!this.iconList) { http.postApi(config.API_BATTERY_ICON_LIST, {}, (resp) => { if (resp.data.code === 200) { this.iconList = resp.data.data.list; storage.setIconList(resp.data.data.list); } else { common.simpleToast(resp.data.msg); } }); } }, trackPlayChange(e) { var index = e.detail.value; this.setData({ nowPlayIndex: index }); this.playLoop(); }, bindLocationType(e) { const index = e.currentTarget.dataset.index; console.log(index); this.setData({ isLocationType: index }); }, trackPlayChangeAdress(e) { console.log('22222'); var index = e.detail.value; this.setData({ nowPlayIndex: index }); const me = this; this.playLoop(); console.log(me.playMarker.length); if (me.playMarker.length > 0) { console.log('22222333333'); // qqmapsdk.reverseGeocoder({ // location: { // latitude: me.data.playMarker[0].latitude, // longitude: me.data.playMarker[0].longitude // }, // success: function (res) { // const formatted_addresses = res.result.formatted_addresses // const address = res.result.address // let ps = ''; // let tmp_addr = '地址: ' + address // while (tmp_addr.length > 15) { // ps += tmp_addr.substring(0, 15) + "\n"; // tmp_addr = tmp_addr.substring(15); // } // ps += tmp_addr // var playMark = me.data.playMarker // playMark[0].callout.content += ps // me.setData({ // playMarker: playMark // }) // console.log("1111111") // me.setMarkers() // } // }) const me = this; const pData = { lng: me.playMarker[0].longitude, lat: me.playMarker[0].latitude, pi: 'wx_deviceLocal' }; http.postApi(config.API_MAP_REGEO, pData, function (resp) { if (resp.data.code === 200) { var jsonData = resp.data.data.data; if (jsonData.code === 0) { const address = jsonData.address; let ps = ''; let tmp_addr = '地址: ' + address; while (tmp_addr.length > 15) { ps += tmp_addr.substring(0, 15) + '\n'; tmp_addr = tmp_addr.substring(15); } ps += tmp_addr; var playMark = me.playMarker; playMark[0].callout.content += ps; me.setData({ playMarker: playMark }); } } }); } }, bindFastForward() { if (this.adjustSpeed === 0) { this.setData({ adjustSpeed: 1, speedTime: 400 }); clearInterval(this.playTimer); this.playTimer = setInterval(this.playLoop, this.speedTime); } else if (this.adjustSpeed === 1) { this.setData({ adjustSpeed: 2, speedTime: 200 }); clearInterval(this.playTimer); this.playTimer = setInterval(this.playLoop, this.speedTime); } else if (this.adjustSpeed === 2) { this.setData({ adjustSpeed: 0, speedTime: 600 }); clearInterval(this.playTimer); this.playTimer = setInterval(this.playLoop, this.speedTime); } }, loadAlarmList() { common.loading(); const deviceInfo = storage.getSelectedDeviceInfo(); http.postApi( config.API_GPS_ALARM, { macid: deviceInfo.mac_id }, (resp) => { uni.hideLoading(); if (resp.data.code === 200) { var alarmList = resp.data.data.list; alarmList.forEach((p, i) => { alarmList[i].formatTime = common.formatDateTime(p.send_time * 1000); // qqmapsdk.reverseGeocoder({ // location: { // latitude: p.latitude, // longitude: p.longitude // }, // success: (res) => { // const formatted_addresses = res.result.formatted_addresses // const address = res.result.address //+ formatted_addresses.recommend // let ps = ''; // let tmp_addr = '地址: ' + address // while (tmp_addr.length > 15) { // ps += tmp_addr.substring(0, 15) + "\n"; // tmp_addr = tmp_addr.substring(15); // } // ps += tmp_addr // alarmList[i].address = address // alarmList[i].ps = ps // this.setData({ // alarmList: alarmList // }) // } // }) }); this.setData({ alarmList: alarmList }); } else { common.simpleToast(resp.data.msg); } } ); }, readyDeviceInfo() { const me = this; // 实例化API核心类 qqmapsdk = new QQMapWX({ key: config.QQ_MAP_KEY }); const deviceInfo = storage.getSelectedDeviceInfo(); if (deviceInfo) { console.log('1111'); console.log(deviceInfo); // this.batteryWidth = deviceInfo.quantity/100*37 // console.log(deviceInfo.quantity) uni.setNavigationBarTitle({ title: deviceInfo.mac_id }); if (parseInt(deviceInfo.expire) === 1) { common.simpleToast('设备到期'); setTimeout(function () { uni.navigateBack({ delta: 1 }); }, 1500); } } else { clearInterval(this.locationTimer); setTimeout(function () { uni.navigateBack({ delta: 1 }); }, 1500); } }, setMarkers() { this.setData({ marker: this.deviceMarker.concat(this.trackMarker, this.alarmMarker, this.playMarker, this.gpsMarker) }); }, setPolylines() { var polylines = [ { points: this.trackPoints, color: '#1989FADD', width: 5, arrowLine: true } ]; /*, { points: this.data.trackPoints.slice(0,this.data.nowPlayIndex+1), color: '#F56C6CDD', width: 3, }]*/ if (this.trace) { polylines.push({ points: this.tracePoints, color: '#DD4C4CDD', width: 3, arrowLine: true }); } this.setData({ polylines: polylines }); }, bindTrackDialogOpen() { this.setData({ trackDialogShow: true }); }, // 计算里程数 calculateMileage(history) { let mileage = 0; for (let i = 0; i < history.length - 1; i++) { mileage += parseInt(common.getFlatternDistance(history[i].longitude, history[i].latitude, history[i + 1].longitude, history[i + 1].latitude)); } var mileage_total = mileage == 0 ? 0 : (mileage / 1000).toFixed(2); console.log('公里'); console.log(mileage_total); this.setData({ mileage_total: mileage_total }); }, getCurrentMil(mileage, i, history) { //var mileage = mileage_current mileage += parseInt(common.getFlatternDistance(history[i].longitude, history[i].latitude, history[i + 1].longitude, history[i + 1].latitude)); console.log(mileage); return mileage; }, bindTrackDialogConfirm() { this.bindTrackDialogClose(); this.setData({ inPlay: false }); clearInterval(this.playTimer); common.loading(); const deviceInfo = storage.getSelectedDeviceInfo(); http.postApi( config.API_GPS_TRACK, { macid: deviceInfo.mac_id, location_type: this.isLocationType, from: parseInt(this.trackDialogFrom.startTime / 1000), to: parseInt(this.trackDialogFrom.endTime / 1000) }, (resp) => { console.log('1111'); console.log(resp); uni.hideLoading(); if (resp.data.code === 200) { if (!resp.data.data.points || resp.data.data.points.length === 0) { common.simpleToast('当前未有轨迹'); return; } this.calculateMileage(resp.data.data.points); var points = []; var trackMarker = []; var trackStopList = []; var n = 1; this.setData({ totalTrackValue: resp.data.data.points.length }); var mileage = 0; resp.data.data.points.forEach((p, i) => { //移动坐标点 if (resp.data.data.points.length - 1 > i) { mileage = this.getCurrentMil(mileage, i, resp.data.data.points); } points.push({ latitude: parseFloat(p.latitude), longitude: parseFloat(p.longitude), time: p.time, speed: p.speed, voltage: p.voltage, time: p.time, mileage: (mileage / 1000).toFixed(2), stop_time: p.stop_time }); //起点 if (i === 0) { trackStopList.push({ name: '起点', latitude: parseFloat(p.latitude), longitude: parseFloat(p.longitude), time: p.time, end_time: common.formatDateTime(new Date(p.time).getTime() + p.stop_time * 1000), stop_time: p.stop_time, format_stop_time: common.formatSeconds(p.stop_time), address: '' }); //mark弹出框坐标 trackMarker.push({ id: 0, latitude: p.latitude, longitude: p.longitude, name: '', iconPath: '/static/resource/images/start_point.png', width: 28, height: 35, zIndex: 2, callout: { content: '\u8D77\u70B9\n\u505C\u7559: ' + common.formatSeconds(p.stop_time) + '\n' + '开始: ' + p.time + '\n' + '结束: ' + common.formatDateTime(new Date(p.time).getTime() + p.stop_time * 1000) + '\n', padding: 10, borderRadius: 4, boxShadow: '4px 8px 16px 0 rgba(0,0,0,0.3)', display: 'BYCLICK' } }); const me = this; const pData = { lng: parseFloat(p.longitude), lat: parseFloat(p.latitude), pi: 'wx_deviceLocal' }; http.postApi(config.API_MAP_REGEO, pData, function (resp) { if (resp.data.code === 200) { var jsonData = resp.data.data.data; if (jsonData.code === 0) { const address = jsonData.address; let ps = ''; let tmp_addr = '地址: ' + address; while (tmp_addr.length > 15) { ps += tmp_addr.substring(0, 15) + '\n'; tmp_addr = tmp_addr.substring(15); } ps += tmp_addr; trackMarker[0].callout.content += ps; trackStopList[0].address = address; me.setData({ trackMarker: trackMarker, trackStopList: trackStopList }); me.setMarkers(); } } }); // qqmapsdk.reverseGeocoder({ // location: { // latitude: parseFloat(p.latitude), // longitude: parseFloat(p.longitude) // }, // success: (res) => { // console.log(res) // const formatted_addresses = res.result.formatted_addresses // const address = res.result.address + formatted_addresses.recommend // let ps = ''; // let tmp_addr = '地址: ' + address // while (tmp_addr.length > 15) { // ps += tmp_addr.substring(0, 15) + "\n"; // tmp_addr = tmp_addr.substring(15); // } // ps += tmp_addr // trackMarker[0].callout.content += ps // trackStopList[0].address = address // this.setData({ // trackMarker: trackMarker, // trackStopList: trackStopList, // }) // this.setMarkers() // } // }) } else if (p.stop_time > 300 && i !== resp.data.data.points.length - 1) { //地图设置mark停留点 trackStopList.push({ name: 'P' + n, latitude: parseFloat(p.latitude), longitude: parseFloat(p.longitude), time: p.time, end_time: common.formatDateTime(new Date(p.time).getTime() + p.stop_time * 1000), stop_time: p.stop_time, format_stop_time: common.formatSeconds(p.stop_time), address: '' }); //mark弹出框 trackMarker.push({ id: i, latitude: parseFloat(p.latitude), longitude: parseFloat(p.longitude), name: '', iconPath: '/static/resource/images/p-stop.png', width: 28, height: 35, zIndex: 1, callout: { content: 'P' + n + '\n' + '停留: ' + common.formatSeconds(p.stop_time) + '\n' + '开始: ' + p.time + '\n' + '结束: ' + common.formatDateTime(new Date(p.time).getTime() + p.stop_time * 1000) + '\n', padding: 10, borderRadius: 4, boxShadow: '4px 8px 16px 0 rgba(0,0,0,0.3)', display: 'BYCLICK' } }); var i = n; qqmapsdk.reverseGeocoder({ location: { latitude: parseFloat(p.latitude), longitude: parseFloat(p.longitude) }, success: (res) => { console.log(res); const formatted_addresses = res.result.formatted_addresses; const address = res.result.address + formatted_addresses.recommend; let ps = ''; let tmp_addr = '地址: ' + address; while (tmp_addr.length > 15) { ps += tmp_addr.substring(0, 15) + '\n'; tmp_addr = tmp_addr.substring(15); } ps += tmp_addr; trackMarker[i].callout.content += ps; trackStopList[i].address = address; this.setData({ trackMarker: trackMarker, trackStopList: trackStopList }); this.setMarkers(); } }); n++; } }); //设置终点 trackStopList.push({ name: '终点', latitude: parseFloat(points[points.length - 1].latitude), longitude: parseFloat(points[points.length - 1].longitude), time: points[points.length - 1].time, end_time: common.formatDateTime(new Date(points[points.length - 1].time).getTime() + points[points.length - 1].stop_time * 1000), stop_time: points[points.length - 1].stop_time, format_stop_time: common.formatSeconds(points[points.length - 1].stop_time), address: '' }); trackMarker.push({ id: points.length - 1, latitude: points[points.length - 1].latitude, longitude: points[points.length - 1].longitude, name: '', iconPath: '/static/resource/images/end_point.png', width: 28, height: 35, zIndex: 2, callout: { content: '\u7EC8\u70B9\n\u505C\u7559: ' + common.formatSeconds(points[points.length - 1].stop_time) + '\n' + '开始: ' + points[points.length - 1].time + '\n' + '结束: ' + common.formatDateTime(new Date(points[points.length - 1].time).getTime() + points[points.length - 1].stop_time * 1000) + '\n', padding: 10, borderRadius: 4, boxShadow: '4px 8px 16px 0 rgba(0,0,0,0.3)', display: 'BYCLICK' } }); qqmapsdk.reverseGeocoder({ location: { latitude: parseFloat(points[points.length - 1].latitude), longitude: parseFloat(points[points.length - 1].longitude) }, success: (res) => { console.log(res); const formatted_addresses = res.result.formatted_addresses; const address = res.result.address + formatted_addresses.recommend; let ps = ''; let tmp_addr = '地址: ' + address; while (tmp_addr.length > 15) { ps += tmp_addr.substring(0, 15) + '\n'; tmp_addr = tmp_addr.substring(15); } ps += tmp_addr; trackMarker[n].callout.content += ps; trackStopList[n].address = address; this.setData({ trackMarker: trackMarker, trackStopList: trackStopList }); this.setMarkers(); } }); var deviceMarker = this.deviceMarker; //deviceMarker[0].callout.display = 'BYCLICK' this.setData({ trackPoints: points, trackMarker: trackMarker, deviceMarker: deviceMarker, trackStopList: trackStopList, nowPlayIndex: 0, playMarker: [] }); this.setMarkers(); this.setPolylines(); // this.mapCtx.scale = 8 var map = uni.createMapContext('myMap'); map.includePoints({ points: points, padding: [10, 10, 10, 10] }); this.setData({ scale: 13 }); } else { common.simpleToast(resp.data.msg); } } ); }, bindTrackDialogClose() { this.setData({ trackDialogShow: false }); }, bindTrackStartTimeSelect() { this.setData({ selectTime: this.trackDialogFrom.startTime, selectTimeType: 'track_start' }); this.bindTimeSelectOpen(); }, bindTrackEndTimeSelect() { this.setData({ selectTime: this.trackDialogFrom.endTime, selectTimeType: 'track_end' }); this.bindTimeSelectOpen(); }, bindTrackTimeSelectToday() { this.setData({ trackDialogFrom: Object.assign(this.trackDialogFrom, { startTime: new Date(new Date().toLocaleDateString()).getTime(), formatStartTime: common.formatDateTime(new Date(new Date().toLocaleDateString()).getTime()), endTime: new Date().getTime(), formatEndTime: common.formatDateTime(new Date().getTime()) }) }); this.bindTrackDialogConfirm(); }, bindTrackTimeSelectYesterday() { this.setData({ trackDialogFrom: Object.assign(this.trackDialogFrom, { startTime: new Date(new Date().toLocaleDateString()).getTime() - 86400 * 1000, formatStartTime: common.formatDateTime(new Date(new Date().toLocaleDateString()).getTime() - 86400 * 1000), endTime: new Date(new Date().toLocaleDateString()).getTime() - 1, formatEndTime: common.formatDateTime(new Date(new Date().toLocaleDateString()).getTime() - 1) }) }); this.bindTrackDialogConfirm(); }, bindTrackTimeSelectLastday() { this.setData({ trackDialogFrom: Object.assign(this.trackDialogFrom, { startTime: new Date(new Date().toLocaleDateString()).getTime() - 2880 * 60 * 1000, formatStartTime: common.formatDateTime(new Date(new Date().toLocaleDateString()).getTime() - 2880 * 60 * 1000), endTime: new Date(new Date().toLocaleDateString()).getTime() - 86400 * 1000 - 1, formatEndTime: common.formatDateTime(new Date(new Date().toLocaleDateString()).getTime() - 86400 * 1000 - 1) }) }); this.bindTrackDialogConfirm(); }, bindTimeSelectConfirm(event) { switch (this.selectTimeType) { case 'track_start': this.setData({ trackDialogFrom: Object.assign(this.trackDialogFrom, { startTime: event.detail, formatStartTime: common.formatDateTime(event.detail) }), selectTimeType: '' }); break; case 'track_end': this.setData({ trackDialogFrom: Object.assign(this.trackDialogFrom, { endTime: event.detail, formatEndTime: common.formatDateTime(event.detail) }), selectTimeType: '' }); break; } this.bindTimeSelectClose(); }, bindTimeSelectOpen() { this.setData({ timeSelectShow: true }); }, bindTimeSelectClose() { this.setData({ timeSelectShow: false }); }, bindStopPopupOpen() { this.setData({ trackStopPopupShow: true }); }, bindStopPopupClose() { this.setData({ trackStopPopupShow: false }); }, MoveToStop(event) { var map = uni.createMapContext('myMap'); this.setData({ latitude: event.currentTarget.dataset.p.latitude, longitude: event.currentTarget.dataset.p.longitude }); /*map.moveToLocation({ latitude: event.currentTarget.dataset.p.latitude, longitude: event.currentTarget.dataset.p.longitude })*/ }, bindAlarmPopupOpen() { this.setData({ alarmPopupShow: true }); }, bindAlarmPopupClose() { this.setData({ alarmPopupShow: false }); this.setData({ alarmMarker: [] }); this.setMarkers(); }, MoveToAlarm(event) { var map = uni.createMapContext('myMap'); var alarmMarker = [ { id: 0, latitude: event.currentTarget.dataset.p.latitude, longitude: event.currentTarget.dataset.p.longitude, name: '', iconPath: '/static/resource/images/alarm.png', width: 28, height: 35, zIndex: 10, callout: { content: event.currentTarget.dataset.p.alarm_desc + '\n' + '时间: ' + event.currentTarget.dataset.p.formatTime + '\n' + '速度: ' + event.currentTarget.dataset.p.speed + '公里/小时\n' + event.currentTarget.dataset.p.ps + '\n', padding: 10, borderRadius: 4, boxShadow: '4px 8px 16px 0 rgba(0,0,0,0.3)', display: 'ALWAYS' } } ]; this.setData({ alarmMarker: alarmMarker, latitude: event.currentTarget.dataset.p.latitude, longitude: event.currentTarget.dataset.p.longitude }); this.setMarkers(); }, playLoop() { if (this.nowPlayIndex >= this.trackPoints.length - 1) { this.setData({ inPlay: false }); clearInterval(this.playTimer); return; } this.setData({ showInfo: false }); var map = uni.createMapContext('myMap'); var leng = Math.sqrt( Math.pow(Math.abs(this.trackPoints[this.nowPlayIndex + 1].longitude - this.trackPoints[this.nowPlayIndex].longitude) * 111, 2) + Math.pow( Math.abs(this.trackPoints[this.nowPlayIndex + 1].latitude - this.trackPoints[this.nowPlayIndex].latitude) * 111 * Math.cos(((2 * Math.PI) / 360) * this.trackPoints[this.nowPlayIndex].latitude), 2 ) ); while (leng < 0.1 && this.nowPlayIndex < this.trackPoints.length - 1) { leng += Math.sqrt( Math.pow(Math.abs(this.trackPoints[this.nowPlayIndex + 1].longitude - this.trackPoints[this.nowPlayIndex].longitude) * 111, 2) + Math.pow( Math.abs(this.trackPoints[this.nowPlayIndex + 1].latitude - this.trackPoints[this.nowPlayIndex].latitude) * 111 * Math.cos(((2 * Math.PI) / 360) * this.trackPoints[this.nowPlayIndex].latitude), 2 ) ); this.nowPlayIndex = this.nowPlayIndex + 1; } var rotate = (Math.atan( (this.trackPoints[this.nowPlayIndex + 1].longitude - this.trackPoints[this.nowPlayIndex].longitude) / (this.trackPoints[this.nowPlayIndex + 1].latitude - this.trackPoints[this.nowPlayIndex].latitude) / Math.cos(((2 * Math.PI) / 360) * this.trackPoints[this.nowPlayIndex].latitude) ) * 180) / Math.PI; if (rotate === NaN) { if (this.trackPoints[this.nowPlayIndex + 1].longitude - this.trackPoints[this.nowPlayIndex].longitude > 0) { rotate = 90; } else { rotate = 270; } } else if (this.trackPoints[this.nowPlayIndex + 1].latitude - this.trackPoints[this.nowPlayIndex].latitude < 0) { rotate = 180 + rotate; } else if (this.trackPoints[this.nowPlayIndex + 1].longitude - this.trackPoints[this.nowPlayIndex].longitude < 0) { rotate = 360 + rotate; } /*var r = this.data.playMarkerRotate - rotate if (r > 0) { r = 360 + r } map.translateMarker({ markerId: -1, destination: { latitude: this.data.trackPoints[this.data.nowPlayIndex].latitude, longitude: this.data.trackPoints[this.data.nowPlayIndex].longitude, }, autoRotate: true, rotate: r, duration: 0 })*/ //this.setPolylines() //if (this.data.playMarker.length == 0) { var playMarker = [ { id: -1, latitude: this.trackPoints[this.nowPlayIndex].latitude, longitude: this.trackPoints[this.nowPlayIndex].longitude, //rotate: rotate, name: '', iconPath: '/static/resource/images/1.gif', width: 35, height: 35, zIndex: 20, callout: { content: '电压: ' + this.trackPoints[this.nowPlayIndex].voltage + '\n' + '速度: ' + this.trackPoints[this.nowPlayIndex].speed + 'km/小时\n' + '时间: ' + this.trackPoints[this.nowPlayIndex].time + '\n' + '里程: ' + this.trackPoints[this.nowPlayIndex].mileage + '公里\n', padding: 10, borderRadius: 4, boxShadow: '4px 8px 16px 0 rgba(0,0,0,0.3)', display: 'ALWAYS' } //anchor: { x: .5, y: .5 } } ]; this.playMarker = playMarker; this.setMarkers(); /*} else { map.translateMarker({ markerId: -1, destination: { latitude: this.data.trackPoints[this.data.nowPlayIndex].latitude, longitude: this.data.trackPoints[this.data.nowPlayIndex].longitude, }, autoRotate: false, rotate: 0, duration: 100 }) }*/ this.setData({ latitude: this.trackPoints[this.nowPlayIndex].latitude, longitude: this.trackPoints[this.nowPlayIndex].longitude, nowPlayIndex: this.nowPlayIndex + 1 //playMarkerRotate: rotate, }); }, bindPlay() { if (this.inPlay) { this.setData({ inPlay: false }); const me = this; clearInterval(this.playTimer); if (me.playMarker.length > 0) { const pData = { lng: me.playMarker[0].longitude, lat: me.playMarker[0].latitude, pi: 'wx_deviceLocal' }; const me = this; http.postApi(config.API_MAP_REGEO, pData, function (resp) { if (resp.data.code === 200) { var jsonData = resp.data.data.data; if (jsonData.code === 0) { const address = jsonData.address; var ps = ''; let tmp_addr = '地址: ' + address; while (tmp_addr.length > 15) { ps += tmp_addr.substring(0, 15) + '\n'; tmp_addr = tmp_addr.substring(15); } ps += tmp_addr; var playMark = me.playMarker; playMark[0].callout.content += ps; me.setData({ playMarker: playMark }); me.setMarkers(); } } }); // qqmapsdk.reverseGeocoder({ // location: { // latitude: me.data.playMarker[0].latitude, // longitude: me.data.playMarker[0].longitude // }, // success: function (res) { // const formatted_addresses = res.result.formatted_addresses // const address = res.result.address // let ps = ''; // let tmp_addr = '地址: ' + address // while (tmp_addr.length > 15) { // ps += tmp_addr.substring(0, 15) + "\n"; // tmp_addr = tmp_addr.substring(15); // } // ps += tmp_addr // var playMark = me.data.playMarker // playMark[0].callout.content += ps // me.setData({ // playMarker: playMark // }) // me.setMarkers() // } // }) } } else { if (this.nowPlayIndex >= this.trackPoints.length - 1) { this.setData({ nowPlayIndex: 0 }); } this.setData({ inPlay: true }); this.playTimer = setInterval(this.playLoop, this.speedTime); } }, // bindGPSLocation(){ // this.setData({ // isShowGPS:true // }) // this.locationLoop(true) // }, locationLoop(init = false) { const me = this; const deviceInfo = storage.getSelectedDeviceInfo(); if (deviceInfo) { //common.loading() http.postApi( config.API_GPS_INFO, { macid: deviceInfo.mac_id }, (resp) => { //wx.hideLoading() if (resp.data.code === 200) { let status; let stat = ''; if (parseInt(resp.data.data.info.online) === 1) { if (parseInt(resp.data.data.info.speed) === 0) { status = '静止(' + common.formatSeconds(resp.data.data.info.heart_time - resp.data.data.info.gps_time, false) + ')'; stat = 'static'; } else { status = '行驶(' + resp.data.data.info.speed + 'Km/h)'; stat = 'running'; } } else { status = '离线(' + common.formatSeconds( new Date().getTime() / 1000 - (resp.data.data.info.heart_time === undefined ? resp.data.data.info.gps_time : resp.data.data.info.heart_time), false ) + ')'; stat = 'offline'; } if (init) { this.setData({ longitude: resp.data.data.info.longitude, latitude: resp.data.data.info.latitude }); } var device_info = resp.data.data.info; this.setData({ locationType: device_info.signalType }); this.setData({ macid: deviceInfo.mac_id, deviceInfo: resp.data.data.info, gps: resp.data.data.info.gpscount, gsm: parseInt(resp.data.data.info.online) === 0 ? 0 : resp.data.data.info.gsmlevel <= 15 ? 3 : resp.data.data.info.gsmlevel > 18 ? 5 : 4, status: status, deviceMarker: [ { id: 1, latitude: resp.data.data.info.latitude, longitude: resp.data.data.info.longitude, name: '', iconPath: this.iconList[resp.data.data.info.icon] ? this.iconList[resp.data.data.info.icon][stat] : '/static/resource/images/weizhi2.png', width: 35, height: 35, zIndex: 10 } ], circles: [ { latitude: resp.data.data.info.latitude, longitude: resp.data.data.info.longitude, color: '#6495ED1F', fillColor: '#6495ED1F', radius: 1000, strokeWidth: 1 } ] }); this.setMarkers(); if ( this.trace && (this.tracePoints.length == 0 || this.tracePoints[this.tracePoints.length - 1].latitude != resp.data.data.info.latitude || this.tracePoints[this.tracePoints.length - 1].longitude != resp.data.data.info.longitude) ) { this.tracePoints.push({ latitude: resp.data.data.info.latitude, longitude: resp.data.data.info.longitude }); this.setPolylines(); this.setData({ latitude: resp.data.data.info.latitude, longitude: resp.data.data.info.longitude }); } console.log(resp.data.data.info); console.log(this.batteryWidth); // qqmapsdk.reverseGeocoder({ // location: { // latitude: resp.data.data.info.latitude, // longitude: resp.data.data.info.longitude // }, // success: function (res) { // console.log(res) // const formatted_addresses = res.result.formatted_addresses // const address = res.result.address //+ formatted_addresses.recommend // console.log("location") // console.log(address) // me.setData({ // address: address, // locationAdress: address // }) // } // }) const pData = { lng: resp.data.data.info.longitude, lat: resp.data.data.info.latitude, pi: 'wx_deviceLocal' }; const me = this; http.postApi(config.API_MAP_REGEO, pData, function (resp) { if (resp.data.code === 200) { var jsonData = resp.data.data.data; if (jsonData.code === 0) { me.setData({ address: jsonData.address, locationAdress: jsonData.address }); } } }); } else { common.simpleToast(resp.data.msg); clearInterval(this.locationTimer); setTimeout(function () { uni.navigateBack({ delta: 1 }); }, 1500); } } ); } }, isEmptyObject(obj) { for (var key in obj) { return false; } return true; }, loadLastGpsInfo() { var init = true; const me = this; console.log('xxxxx'); const deviceInfo = storage.getSelectedDeviceInfo(); if (deviceInfo) { http.postApi( config.API_GPS_INFO, { macid: deviceInfo.mac_id }, (resp) => { if (resp.data.code === 200) { console.log('11111'); if (this.isEmptyObject(resp.data.data.info.last_location)) { common.simpleToast('当前设备没有GPS坐标'); return; } // var last_location = resp.data.data.info.last_location // last_location.lng = 121.19023414159073 // last_location.lat = 31.390001627411883 // resp.data.data.info.last_location = last_location let status; let stat = ''; if (parseInt(resp.data.data.info.online) === 1) { if (parseInt(resp.data.data.info.speed) === 0) { status = '静止(' + common.formatSeconds(resp.data.data.info.heart_time - resp.data.data.info.gps_time, false) + ')'; stat = 'static'; } else { status = '行驶(' + resp.data.data.info.speed + 'Km/h)'; stat = 'running'; } } else { status = '离线(' + common.formatSeconds( new Date().getTime() / 1000 - (resp.data.data.info.heart_time === undefined ? resp.data.data.info.gps_time : resp.data.data.info.heart_time), false ) + ')'; stat = 'offline'; } if (init) { this.setData({ longitude: resp.data.data.info.last_location.lng, latitude: resp.data.data.info.last_location.lat }); } var device_info = resp.data.data.info; device_info.signalType = '0'; this.setData({ locationGpsType: device_info.signalType }); var device_marker = { id: 2, latitude: resp.data.data.info.last_location.lat, longitude: resp.data.data.info.last_location.lng, name: '', iconPath: this.iconList[resp.data.data.info.icon] ? this.iconList[resp.data.data.info.icon][stat] : '/static/resource/images/weizhi2.png', width: 35, height: 35, zIndex: 10 }; // this.setData({ // marker: this.data.marker.concat(device_marker) // }) this.setData({ gpsMarker: [device_marker] }); this.setData({ marker: this.gpsMarker.concat(this.trackMarker, this.alarmMarker, this.playMarker, this.deviceMarker) }); // this.setData({ // marker: this.data.deviceMarker.concat(this.data.trackMarker, this.data.alarmMarker, this.data.playMarker) // }) console.log('marker'); console.log(this.marker); //this.data.deviceMarker.concat(this.data.trackMarker, this.data.alarmMarker, this.data.playMarker) this.setData({ macid: deviceInfo.mac_id, deviceInfo: device_info, gps: resp.data.data.info.gpscount, gsm: parseInt(resp.data.data.info.online) === 0 ? 0 : resp.data.data.info.gsmlevel <= 15 ? 3 : resp.data.data.info.gsmlevel > 18 ? 5 : 4, status: status, deviceMarker: [device_marker], circles: [ { latitude: resp.data.data.info.last_location.lat, longitude: resp.data.data.info.last_location.lng, color: '#6495ED1F', fillColor: '#6495ED1F', radius: 1000, strokeWidth: 1 } ] }); //this.setMarkers() // this.setData({ // marker: this.data.deviceMarker.concat(this.data.deviceMarker) // }) console.log(resp.data.data.info); this.setData({ batteryWidth: parseInt((this.deviceInfo.quantity / 100) * 37) }); console.log(this.batteryWidth); const me = this; const pData = { lng: resp.data.data.info.last_location.lng, lat: resp.data.data.info.last_location.lat, pi: 'wx_deviceLocal' }; http.postApi(config.API_MAP_REGEO, pData, function (resp) { if (resp.data.code === 200) { var jsonData = resp.data.data.data; if (jsonData.code === 0) { const address = jsonData.address; me.setData({ address: address, locationGpsAdress: address }); } } }); // qqmapsdk.reverseGeocoder({ // location: { // latitude: resp.data.data.info.last_location.lat, // longitude: resp.data.data.info.last_location.lng // }, // success: function (res) { // console.log(res) // const formatted_addresses = res.result.formatted_addresses // const address = res.result.address //+ formatted_addresses.recommend // console.log("last_location") // console.log(address) // me.setData({ // address: address, // locationGpsAdress: address // }) // } // }) } else { common.simpleToast(resp.data.msg); clearInterval(this.locationTimer); setTimeout(function () { uni.navigateBack({ delta: 1 }); }, 1500); } } ); } }, bindMarkertap(e) { if (e.markerId == 1 || e.markerId == 2) { if (e.markerId == 1) { var deviceInfo = this.deviceInfo; deviceInfo.signalType = this.locationType; this.setData({ deviceInfo: deviceInfo, address: this.locationAdress }); } if (e.markerId == 2) { var deviceInfo = this.deviceInfo; deviceInfo.signalType = this.locationGpsType; this.setData({ deviceInfo: deviceInfo, address: this.locationGpsAdress }); } this.setData({ showInfo: !this.showInfo }); } }, bindTapMap(e) { this.setData({ showInfo: false }); if (this.selectFence != null) { var fence = this.selectFence; fence.latitude = e.detail.latitude; fence.longitude = e.detail.longitude; this.setData({ selectFence: fence, circles: [ { latitude: fence.latitude, longitude: fence.longitude, radius: parseInt(fence.radius), color: '#6495ED1F', fillColor: '#6495ED1F', strokeWidth: 1 } ] }); } }, bindSendCommand: function (e) { this.sendCommand(e.currentTarget.dataset.cmd); }, sendCommand: function (cmd) { uni.showModal({ content: '确定发送指令吗？', showCancel: true, cancelText: '取消', confirmText: '确定', success: (res) => { console.log(res); if (res.confirm) { common.loading(); http.postApi( config.API_BATTERY_SEND_COMMAND, { macid: this.macid, cmd: cmd }, function (resp) { if (resp.data.code === 200) { uni.hideLoading(); common.simpleToast('操作成功'); } else { common.simpleToast(resp.data.msg); } } ); } }, fail: function (res) {}, complete: function (res) {} }); }, bindTrace() { if (this.trace) { this.setData({ trace: false, tracePoints: [] }); this.setPolylines(); clearInterval(this.traceTimer); } else { this.setData({ trace: true }); this.traceTimer = setInterval(() => { this.setData({ traceTime: this.traceTime + 1 }); }, 1000); } }, bindNavigate() { //使用微信内置地图查看标记点位置，并进行导航 /* console.log(this.data.longitude); console.log(this.data.latitude); console.log(this.data.longitude_my); console.log(this.data.latitude_my); */ const latitude = this.latitude; const longitude = this.longitude; uni.openLocation({ latitude, //要去的纬度-地址 longitude, //要去的经度-地址 scale: 11 }); }, bindCloseTrack() { this.setData({ trackPoints: [], trackMarker: [], trackStopList: [], nowPlayIndex: 0, playMarker: [] }); this.setMarkers(); this.setPolylines(); }, bindFencePopupOpen() { this.setData({ fencePopupShow: true }); }, bindFencePopupClose() { this.setData({ fencePopupShow: false }); }, MoveToFence(event) { var map = uni.createMapContext('myMap'); const fence = Object.assign({}, event.currentTarget.dataset.p); this.setData({ selectFence: fence, circles: [ { latitude: fence.latitude, longitude: fence.longitude, radius: parseInt(fence.radius), color: '#6495ED1F', fillColor: '#6495ED1F', strokeWidth: 1 } ], fencePopupShow: false, latitude: fence.latitude, longitude: fence.longitude }); /*map.moveToLocation({ latitude: event.currentTarget.dataset.p.latitude, longitude: event.currentTarget.dataset.p.longitude })*/ }, addFence() { var map = uni.createMapContext('myMap'); map.getCenterLocation({ success: (res) => { const fence = { name: '', type: '0', latitude: res.latitude, longitude: res.longitude, radius: 100 }; this.setData({ selectFence: fence, circles: [ { latitude: fence.latitude, longitude: fence.longitude, radius: parseInt(fence.radius), color: '#6495ED1F', fillColor: '#6495ED1F', strokeWidth: 1 } ], fencePopupShow: false }); } }); }, loadFenceList() { common.loading(); const deviceInfo = storage.getSelectedDeviceInfo(); http.postApi( config.API_FENCE_LIST, { macid: deviceInfo.mac_id }, (resp) => { uni.hideLoading(); if (resp.data.code === 200) { var fenceList = resp.data.data.list; this.setData({ fenceList: fenceList }); } else { common.simpleToast(resp.data.msg); } } ); }, bindFenceClose() { this.setData({ selectFence: null, circles: [], fencePopupShow: true }); }, onFenceNameChange(e) { var fence = this.selectFence; fence.name = e.detail.value; this.setData({ selectFence: fence }); }, onFenceTypeChange(e) { var fence = this.selectFence; fence.type = e.detail; this.setData({ selectFence: fence }); }, onFenceRadiusDrag(e) { var fence = this.selectFence; fence.radius = e.detail.value; this.setData({ selectFence: fence /*circles: [{ latitude: fence.latitude, longitude: fence.longitude, radius: parseInt(fence.radius), color: '#6495EDBB', fillColor: '#6495ED1F', strokeWidth: 1 }],*/ }); }, onFenceRadiusChange(e) { var fence = this.selectFence; fence.radius = e.detail.value; // this.setData({circles:[]}) var startSlide = new Date().getTime(); if (startSlide - this.endSlide > 100) { this.setData({ endSlide: startSlide }); this.setData({ selectFence: fence, circles: [ { latitude: fence.latitude, longitude: fence.longitude, radius: parseInt(fence.radius), color: '#6495ED1F', fillColor: '#6495ED1F', strokeWidth: 1 } ] }); } }, onFenceRadiusMinus() { var fence = this.selectFence; if (fence.radius > 1) { fence.radius = parseInt(fence.radius) - 100; this.setData({ selectFence: fence, circles: [ { latitude: fence.latitude, longitude: fence.longitude, radius: parseInt(fence.radius), color: '#6495ED1F', fillColor: '#6495ED1F', strokeWidth: 1 } ] }); } }, onFenceRadiusPlus() { var fence = this.selectFence; if (fence.radius < 10000) { fence.radius = parseInt(fence.radius) + 100; this.setData({ selectFence: fence, circles: [ { latitude: fence.latitude, longitude: fence.longitude, radius: parseInt(fence.radius), color: '#6495ED1F', fillColor: '#6495ED1F', strokeWidth: 1 } ] }); } }, bindFenceSave() { var fence = this.selectFence; if (!fence.name) { common.simpleToast('请输入围栏名称'); return; } if (fence != null) { common.loading(); const deviceInfo = storage.getSelectedDeviceInfo(); if (fence.id) { http.postApi( config.API_FENCE_EDIT, Object.assign( { macid: deviceInfo.mac_id }, fence ), (resp) => { uni.hideLoading(); if (resp.data.code === 200) { this.loadFenceList(); } else { common.simpleToast(resp.data.msg); } this.setData({ selectFence: null, circles: [], fencePopupShow: true }); } ); } else { http.postApi( config.API_FENCE_ADD, Object.assign( { macid: deviceInfo.mac_id }, fence ), (resp) => { uni.hideLoading(); if (resp.data.code === 200) { this.loadFenceList(); } else { common.simpleToast(resp.data.msg); } this.setData({ selectFence: null, circles: [], fencePopupShow: true }); } ); } } }, delFence() { var fence = this.selectFence; if (fence != null && fence.id) { common.loading(); const deviceInfo = storage.getSelectedDeviceInfo(); http.postApi( config.API_FENCE_DEL, { macid: deviceInfo.mac_id, id: fence.id }, (resp) => { uni.hideLoading(); if (resp.data.code === 200) { this.loadFenceList(); } else { common.simpleToast(resp.data.msg); } this.setData({ selectFence: null, circles: [], fencePopupShow: true }); } ); } }, moveToLocation: function () { //console.log('move to') this.mapCtx.moveToLocation(); //this.setData({ showShopInfo: false, scale: 14 }) }, mapChange: function (e) { this.setData({ mapParams: e.detail.mapParams }); } } };