suzhou-jichuang-lanhai
/
yunkunMap
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

六区接口

Browse Source
main
许宏杰 1 month ago
parent b250440c0a
commit 3ee2ab10ca
12 changed files with 1414 additions and 140 deletions
Show Stats Download Patch File Download Diff File

7
.env.development
Unescape View File

@ -1,11 +1,12 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 云坤地图
# 开发环境配置
ENV = 'development'
# 若依管理系统/开发环境
VUE_APP_BASE_API = 'https://vue.ruoyi.vip/prod-api'
# 云坤地图/开发环境
# VUE_APP_BASE_API = 'https://vue.ruoyi.vip/prod-api'
VUE_APP_BASE_API = 'http://192.168.0.111:8080'
# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

4
.env.production
Unescape View File

@ -1,8 +1,8 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 云坤地图
# 生产环境配置
ENV = 'production'
# 若依管理系统/生产环境
# 云坤地图/生产环境
VUE_APP_BASE_API = '/prod-api'

4
.env.staging
Unescape View File

@ -1,10 +1,10 @@
# 页面标题
VUE_APP_TITLE = 若依管理系统
VUE_APP_TITLE = 云坤地图
NODE_ENV = production
# 测试环境配置
ENV = 'staging'
# 若依管理系统/测试环境
# 云坤地图/测试环境
VUE_APP_BASE_API = '/stage-api'

2
package.json
Unescape View File

@ -1,7 +1,7 @@
{
"name": "ruoyi",
"version": "3.8.7",
"description": "若依管理系统",
"description": "云坤地图",
"author": "若依",
"license": "MIT",
"scripts": {

975
public/static/carrRealtimeLocation.json
Unescape View File

@ -0,0 +1,975 @@
{
"rspCode": "1",
"list": [
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押001-1",
"todayRun": 16792,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "11469992",
"lat": "31.217814",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "865875070361554",
"lng": "120.584429",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.5950372",
"preMile": "0.00",
"carId": "525",
"tmnKey": "865875070361554",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押001-1",
"blat": "31.2218974",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市吴中区越溪街道吴中大道1178号;吴中大道辅路,吴中大道辅路-溪翔路交叉路口;越溪法治文化公园,优优宝贝动物医院猫专科(吴中总院),观合酒店(苏州越溪大学城店)",
"expState": "0",
"exts": "{\"csr\":16792,\"b1\":\"20\",\"srvTime\":\"20240731110137\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2155945",
"carStts": "00000000000000000000000000000010",
"glng": "120.5886006",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-132天18时6分32秒",
"time": "2024-07-31 11:01:32"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押001-2",
"todayRun": 16638,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "11469988",
"lat": "31.217906",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "865875070333306",
"lng": "120.583938",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.5945482",
"preMile": "0.00",
"carId": "526",
"tmnKey": "865875070333306",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押001-2",
"blat": "31.2219844",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市吴中区越溪街道吴中大道1178号;吴中大道辅路,吴中大道辅路-溪翔路交叉路口;越溪法治文化公园,优优宝贝动物医院猫专科(吴中总院),观合酒店(苏州越溪大学城店)",
"expState": "0",
"exts": "{\"csr\":16638,\"b1\":\"20\",\"srvTime\":\"20240731110141\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2156869",
"carStts": "00000000000000000000000000000010",
"glng": "120.5881101",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-132天18时6分28秒",
"time": "2024-07-31 11:01:28"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押002-1",
"todayRun": 0,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/3.png",
"drvSign": "",
"state": "3",
"sgn": "无",
"runStopTimeSecond": "11327394",
"lat": "31.22668",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "865875070372445",
"lng": "120.634213",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.6449585",
"preMile": "0.00",
"carId": "527",
"tmnKey": "865875070372445",
"drvSignTimeLong": "",
"stateCn": "离线",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/3.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押002-1",
"blat": "31.2303383",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市吴中区城南街道兴吴路98号;兴吴路,枫津南路-鲈乡北路交叉路口;苏州市特种守押保安服务有限公司,金融机具展销,柒艺阁",
"expState": "0",
"exts": "{\"csr\":9379,\"b1\":\"20\",\"srvTime\":\"20240730112814\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2244876",
"carStts": "00000000000000000000000000000010",
"glng": "120.6384",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-131天2时29分54秒",
"time": "2024-07-30 11:28:03"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押002-2",
"todayRun": 0,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/3.png",
"drvSign": "",
"state": "3",
"sgn": "无",
"runStopTimeSecond": "11327461",
"lat": "31.227041",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "865875070457790",
"lng": "120.633455",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.6441962",
"preMile": "0.00",
"carId": "528",
"tmnKey": "865875070457790",
"drvSignTimeLong": "",
"stateCn": "离线",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/3.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押002-2",
"blat": "31.2307116",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市吴中区城南街道枫津南路6号;枫津南路,枫津南路-鲈乡北路交叉路口;金融机具展销,苏州市特种守押保安服务有限公司,城南商会大厦",
"expState": "0",
"exts": "{\"csr\":9079,\"b1\":\"20\",\"srvTime\":\"20240730112804\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2248478",
"carStts": "00000000000000000000000000000010",
"glng": "120.637641",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-131天2时31分1秒",
"time": "2024-07-30 11:28:03"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押003-1",
"todayRun": 14729,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "11469987",
"lat": "30.995718",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "861197066769755",
"lng": "120.70279",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.7135343",
"preMile": "0.00",
"carId": "529",
"tmnKey": "861197066769755",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押003-1",
"blat": "30.9998084",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市吴江区黎里镇浒泾北路24号;浒泾北路,人民西路-人民中路交叉路口;新村桥,中国银行(吴江黎里支行),中国农业银行(黎里支行)",
"expState": "0",
"exts": "{\"csr\":14729,\"b1\":\"20\",\"srvTime\":\"20240731110138\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "30.9935211",
"carStts": "00000000000000000000000000000010",
"glng": "120.7070878",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-132天18时6分27秒",
"time": "2024-07-31 11:01:37"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押003-2",
"todayRun": 14129,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "11469947",
"lat": "30.995692",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "861197066793367",
"lng": "120.702746",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.7134904",
"preMile": "0.00",
"carId": "530",
"tmnKey": "861197066793367",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押003-2",
"blat": "30.9997818",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市吴江区黎里镇浒泾北路24号;浒泾北路,人民西路-人民中路交叉路口;新村桥,中国银行(吴江黎里支行),中国农业银行(黎里支行)",
"expState": "0",
"exts": "{\"csr\":14129,\"b1\":\"20\",\"srvTime\":\"20240731110052\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "30.993495",
"carStts": "00000000000000000000000000000010",
"glng": "120.7070437",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-132天18时5分47秒",
"time": "2024-07-31 11:00:47"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押004-1",
"todayRun": 16153,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "11469948",
"lat": "31.297947",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "865875070504369",
"lng": "120.730654",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.7414277",
"preMile": "0.00",
"carId": "531",
"tmnKey": "865875070504369",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押004-1",
"blat": "31.3021898",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市虎丘区斜塘街道松涛街940号;松涛街,敦煌路-松涛街交叉路口;陕味川道卤味肉夹馍(联丰广场C幢店),中国农业银行ATM(联丰广场A幢),中国农业银行(苏州斜塘支行)",
"expState": "0",
"exts": "{\"csr\":16153,\"b1\":\"20\",\"srvTime\":\"20240731110131\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2959386",
"carStts": "00000000000000000000000000000010",
"glng": "120.7350125",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-132天18时5分48秒",
"time": "2024-07-31 11:01:24"
},
{
"teamName": "押运枪支",
"bigIcon": "*枪/1.png",
"carName": "守押004-2",
"todayRun": 16170,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "16482859",
"lat": "31.297898",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "865875070491922",
"lng": "120.730672",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.7414457",
"preMile": "0.00",
"carId": "240",
"tmnKey": "865875070491922",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/*枪/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押004-2",
"blat": "31.3021405",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市虎丘区斜塘街道松涛街934号;敦煌路,敦煌路-松涛街交叉路口;苏州市公安局警务工作服务站,苏州市公安局苏州工业园区分局联丰广场警务工作站,中国农业银行ATM(联丰广场A幢)",
"expState": "0",
"exts": "{\"csr\":16170,\"b1\":\"20\",\"srvTime\":\"20240731110140\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2958896",
"carStts": "00000000000000000000000000000010",
"glng": "120.7350305",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-190天18时34分19秒",
"time": "2024-07-31 11:01:37"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押008-1",
"todayRun": 16939,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "11469904",
"lat": "31.288595",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "861197066778400",
"lng": "120.650194",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.660983",
"preMile": "0.00",
"carId": "532",
"tmnKey": "861197066778400",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押008-1",
"blat": "31.2921031",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市姑苏区双塔街道东环路260号;东环路,杨枝塘路-葑谊街交叉路口;锦江之星(苏州园区金鸡湖东环路店),东兴路出口(东环路高架南向),园区公安交通车管服务中心",
"expState": "0",
"exts": "{\"csr\":16939,\"b1\":\"20\",\"srvTime\":\"20240731110059\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2864546",
"carStts": "00000000000000000000000000000010",
"glng": "120.6544121",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-132天18时5分4秒",
"time": "2024-07-31 11:00:52"
},
{
"teamName": "押运枪支",
"bigIcon": "轿车/1.png",
"carName": "守押008-2",
"todayRun": 16801,
"drvSignTime": "",
"plateColor": "蓝色",
"iconLink": "http://192.168.0.91:80/gps-web/rs/img/map/car/default/7.png",
"drvSign": "",
"state": "7",
"sgn": "无",
"runStopTimeSecond": "11469931",
"lat": "31.287236",
"height": "1",
"tmnExpirTime": "",
"reminds": [
{ "name": "车辆保养(按天)", "value": "" },
{ "name": "车辆年检", "value": "" },
{ "name": "车辆保养(按里程)", "value": "" },
{ "name": "驾照年检", "value": "" },
{ "name": "轮胎保养", "value": "" },
{ "name": "车辆保险", "value": "" },
{ "name": "轮胎更换", "value": "" },
{ "name": "道路运输证", "value": "" },
{ "name": "正时皮带保养", "value": "" },
{ "name": "行驶证", "value": "" },
{ "name": "刹车片保养", "value": "" },
{ "name": "道路运输经营证", "value": "" },
{ "name": "建筑垃圾车辆入网证", "value": "" }
],
"tmnNo": "861197066774755",
"lng": "120.64999",
"photoIcon": "",
"mile": "0.00",
"accTime": "当前[关] 今日开:0秒",
"blng": "120.6607785",
"preMile": "0.00",
"carId": "533",
"tmnKey": "861197066774755",
"drvSignTimeLong": "",
"stateCn": "在线-行驶",
"bigIconLink": "http://192.168.0.91:80/gps-web/rs/img/car/bigs/轿车/1.png",
"videoAlarmTypes": [],
"simCard": "",
"sgnStts": [
{ "name": "近光灯", "id": "s00", "value": "关" },
{ "name": "远光灯", "id": "s01", "value": "关" },
{ "name": "右转灯", "id": "s02", "value": "关" },
{ "name": "左转灯", "id": "s03", "value": "关" },
{ "name": "制动", "id": "s04", "value": "关" },
{ "name": "倒档", "id": "s05", "value": "关" },
{ "name": "雾灯", "id": "s06", "value": "关" },
{ "name": "示廓灯", "id": "s07", "value": "关" },
{ "name": "喇叭", "id": "s08", "value": "关" },
{ "name": "空调", "id": "s09", "value": "关" },
{ "name": "空挡", "id": "s10", "value": "关" },
{ "name": "缓速器", "id": "s11", "value": "关" },
{ "name": "ABS", "id": "s12", "value": "关" },
{ "name": "加热器", "id": "s13", "value": "关" },
{ "name": "离合器", "id": "s14", "value": "关" }
],
"moni1": "",
"moni2": "",
"moni3": "",
"moni4": "",
"alarmStts": "00000000000000000000000000000010",
"icon": "default/7.png",
"drvName": "",
"speed": "20",
"drct": "0",
"carPlate": "守押008-2",
"blat": "31.2907444",
"carType": "",
"drctCn": "正北",
"oil": "",
"drvPhone": "",
"addr": "江苏省苏州市虎丘区娄葑街道东环路248号;东环路,南环快速路-独墅湖大道交叉路口;东兴路出口(东环路高架南向),园区公安交通车管服务中心,苏州城区收费站(G1522常台高速出口)",
"expState": "0",
"exts": "{\"csr\":16801,\"b1\":\"20\",\"srvTime\":\"20240731110102\"}",
"tmnType": "",
"expTime": "",
"alarms": "",
"glat": "31.2850947",
"carStts": "00000000000000000000000000000010",
"glng": "120.6542077",
"st2": [],
"uploadFlag": "false",
"st1": [],
"st4": [],
"satl": "无",
"st3": [],
"st5": [],
"teamId": "3",
"drvSignPhone": "",
"runStopTime": "行-132天18时5分31秒",
"time": "2024-07-31 11:01:01"
}
]
}

8
src/api/static/index.js
Unescape View File

@ -0,0 +1,8 @@
import request from "@/utils/requestStatic.js";
export function getCarLocation() {
return request({
url: "/static/carrRealtimeLocation.json",
method: "get",
});
}

10
src/api/yunkun/index.js
Unescape View File

@ -0,0 +1,10 @@
import request from "@/utils/request";
// 六区统计
export function getAreaData(query) {
return request({
url: "/ykmap/line/lineTemplate",
method: "get",
params: query,
});
}

199
src/utils/requestStatic.js
Unescape View File

@ -0,0 +1,199 @@
import axios from "axios";
import { Notification, MessageBox, Message, Loading } from "element-ui";
import store from "@/store";
import { getToken } from "@/utils/auth";
import errorCode from "@/utils/errorCode";
import { tansParams, blobValidate } from "@/utils/ruoyi";
import cache from "@/plugins/cache";
import { saveAs } from "file-saver";
let downloadLoadingInstance;
const basePathUrl = window.basePathUrl || "";
// 是否显示重新登录
export let isRelogin = { show: false };
axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
// 创建axios实例
const service = axios.create({
// axios中请求配置有baseURL选项，表示请求URL公共部分
baseURL: basePathUrl,
// 超时
timeout: 10000,
});
// request拦截器
service.interceptors.request.use(
(config) => {
// 是否需要设置 token
const isToken = (config.headers || {}).isToken === false;
// 是否需要防止数据重复提交
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
if (getToken() && !isToken) {
config.headers["Authorization"] = "Bearer " + getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
}
// get请求映射params参数
if (config.method === "get" && config.params) {
let url = config.url + "?" + tansParams(config.params);
url = url.slice(0, -1);
config.params = {};
config.url = url;
}
if (
!isRepeatSubmit &&
(config.method === "post" || config.method === "put")
) {
const requestObj = {
url: config.url,
data:
typeof config.data === "object"
? JSON.stringify(config.data)
: config.data,
time: new Date().getTime(),
};
const requestSize = Object.keys(JSON.stringify(requestObj)).length; // 请求数据大小
const limitSize = 5 * 1024 * 1024; // 限制存放数据5M
if (requestSize >= limitSize) {
console.warn(
`[${config.url}]: ` +
"请求数据大小超出允许的5M限制，无法进行防重复提交验证。"
);
return config;
}
const sessionObj = cache.session.getJSON("sessionObj");
if (
sessionObj === undefined ||
sessionObj === null ||
sessionObj === ""
) {
cache.session.setJSON("sessionObj", requestObj);
} else {
const s_url = sessionObj.url; // 请求地址
const s_data = sessionObj.data; // 请求数据
const s_time = sessionObj.time; // 请求时间
const interval = 1000; // 间隔时间(ms)，小于此时间视为重复提交
if (
s_data === requestObj.data &&
requestObj.time - s_time < interval &&
s_url === requestObj.url
) {
const message = "数据正在处理，请勿重复提交";
console.warn(`[${s_url}]: ` + message);
return Promise.reject(new Error(message));
} else {
cache.session.setJSON("sessionObj", requestObj);
}
}
}
return config;
},
(error) => {
console.log(error);
Promise.reject(error);
}
);
// 响应拦截器
service.interceptors.response.use(
(res) => {
// 未设置状态码则默认成功状态
const code = res.data.code || 200;
// 获取错误信息
const msg = errorCode[code] || res.data.msg || errorCode["default"];
// 二进制数据则直接返回
if (
res.request.responseType === "blob" ||
res.request.responseType === "arraybuffer"
) {
return res.data;
}
if (code === 401) {
if (!isRelogin.show) {
isRelogin.show = true;
MessageBox.confirm(
"登录状态已过期，您可以继续留在该页面，或者重新登录",
"系统提示",
{
confirmButtonText: "重新登录",
cancelButtonText: "取消",
type: "warning",
}
)
.then(() => {
isRelogin.show = false;
store.dispatch("LogOut").then(() => {
location.href = "/index";
});
})
.catch(() => {
isRelogin.show = false;
});
}
return Promise.reject("无效的会话，或者会话已过期，请重新登录。");
} else if (code === 500) {
Message({ message: msg, type: "error" });
return Promise.reject(new Error(msg));
} else if (code === 601) {
Message({ message: msg, type: "warning" });
return Promise.reject("error");
} else if (code !== 200) {
Notification.error({ title: msg });
return Promise.reject("error");
} else {
return res.data;
}
},
(error) => {
console.log("err" + error);
let { message } = error;
if (message == "Network Error") {
message = "后端接口连接异常";
} else if (message.includes("timeout")) {
message = "系统接口请求超时";
} else if (message.includes("Request failed with status code")) {
message = "系统接口" + message.substr(message.length - 3) + "异常";
}
Message({ message: message, type: "error", duration: 5 * 1000 });
return Promise.reject(error);
}
);
// 通用下载方法
export function download(url, params, filename, config) {
downloadLoadingInstance = Loading.service({
text: "正在下载数据，请稍候",
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)",
});
return service
.post(url, params, {
transformRequest: [
(params) => {
return tansParams(params);
},
],
headers: { "Content-Type": "application/x-www-form-urlencoded" },
responseType: "blob",
...config,
})
.then(async (data) => {
const isBlob = blobValidate(data);
if (isBlob) {
const blob = new Blob([data]);
saveAs(blob, filename);
} else {
const resText = await data.text();
const rspObj = JSON.parse(resText);
const errMsg =
errorCode[rspObj.code] || rspObj.msg || errorCode["default"];
Message.error(errMsg);
}
downloadLoadingInstance.close();
})
.catch((r) => {
console.error(r);
Message.error("下载文件出现错误，请联系管理员！");
downloadLoadingInstance.close();
});
}
export default service;

154
src/views/car.vue
Unescape View File

@ -40,6 +40,7 @@
</template>
<script>
import { getCarLocation } from "@/api/static/index.js";
import MarsMap from "@/components/mars-map";
// import grids from "@/components/grids.vue";
export default {
@ -82,6 +83,7 @@ export default {
},
components: { MarsMap },
beforeDestroy() {
clearInterval(this.timer);
// 在组件销毁之前移除事件监听，防止内存泄漏
document.removeEventListener("click", this.handleClickOutside);
},
@ -90,6 +92,108 @@ export default {
document.addEventListener("click", this.handleClickOutside);
},
methods: {
// 获取车辆信息
getCarLocation() {
getCarLocation().then((res) => {
this.createCar(res.list);
});
},
/**
* 创建车辆图标
*/
createCar(list) {
list.map((item, index) => {
const graphic = new mars3d.graphic.ModelEntity({
id: `car${item.carId}`,
position: [parseFloat(item.lng), parseFloat(item.lat)],
style: {
heading: parseInt(item.drct),
url: "//data.mars3d.cn/gltf/imap/ce2fddca7bac436d8d318bcd4fdf2d69/gltf/gltf2.gltf",
scale: 0.5,
minimumPixelSize: 35,
silhouette: true,
silhouetteColor: "#025CC1",
silhouetteSize: 2,
// 高亮时的样式（默认为鼠标移入，也可以指定type:'click'单击高亮），构造后也可以openHighlight、closeHighlight方法来手动调用
highlight: {
type: mars3d.EventType.click,
silhouette: true,
silhouetteColor: "#FAAC51",
silhouetteSize: 2,
label: {
outlineColor: "#FAAC51",
},
},
label: {
// 不需要文字时，去掉label配置即可
text: item.carName,
font_size: 14,
color: "#ffffff",
outline: true,
outlineColor: "#000000",
pixelOffsetY: -30,
distanceDisplayCondition: true,
distanceDisplayCondition_far: 50000,
distanceDisplayCondition_near: 0,
},
},
// forwardExtrapolationType: Cesium.ExtrapolationType.NONE,
attr: { index: index, remark: "Model示例" },
});
this.graphicLayer.addGraphic(graphic);
});
},
/**
* 生成车辆实时点位
*/
// createCar(list) {
// let _this = this;
// console.log(list);
// for (let i = 0; i < list.length; i++) {
// let item = list[i];
// const graphic = new mars3d.graphic.DivGraphic({
// id: "car" + i,
// position: [parseFloat(item.lng), parseFloat(item.lat)],
// style: {
// className: `carIcon`,
// html: `<div>
// <div class="car-name">${item.carName}</div>
// </div>`,
// color: "#fff",
// horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //居中防止自定义位置偏差
// verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
// distanceDisplayCondition: false,
// clampToGround: true,
// highlight: {
// type: "click",
// className: `carIconActive`,
// },
// },
// attr: {
// index: i,
// id: "car" + i,
// },
// });
// graphic.on(mars3d.EventType.highlightOpen, function (event) {
// _this.$router.push("/carInfo");
// });
// this.graphicLayer.addGraphic(graphic);
// }
// // this.changePosition(0);
// // 定时更新动态位置（setInterval为演示）
// // const interval = 30;
// // this.changePosition(interval);
// // this.timer = setInterval(() => {
// // _this.changePosition(interval);
// // }, interval * 1000);
// },
handleClickOutside(event) {
// 判断点击的元素是否在目标元素外部
if (this.show && !this.$refs.targetElement.contains(event.target)) {
@ -113,56 +217,10 @@ export default {
mapLoad(map) {
this.map = map;
this.graphicLayer = new mars3d.layer.GraphicLayer();
map.addLayer(this.graphicLayer);
this.initTilesetLayer();
},
/**
* 生成车辆实时点位
*/
createCar() {
let _this = this;
for (let i = 0; i < 10; i++) {
const graphic = new mars3d.graphic.DivGraphic({
id: "car" + i,
viewFrom: new Cesium.Cartesian3(-500, -500),
style: {
className: `carIcon`,
html: `<div>
<div class="car-name">001号线_01_早送_守押001_苏E</div>
</div>`,
color: "#fff",
horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //居中防止自定义位置偏差
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
distanceDisplayCondition: false,
clampToGround: true,
highlight: {
type: "click",
className: `carIconActive`,
},
},
attr: {
index: i,
id: "car" + i,
},
});
graphic.on(mars3d.EventType.highlightOpen, function (event) {
_this.$router.push("/carInfo");
});
this.graphicLayer.addGraphic(graphic);
}
this.changePosition(0);
// 定时更新动态位置（setInterval为演示）
// const interval = 30;
// this.changePosition(interval);
// setInterval(() => {
// _this.changePosition(interval);
// }, interval * 1000);
},
// 改变位置
changePosition(time) {
@ -205,7 +263,7 @@ export default {
if (process.env.NODE_ENV === "production") this.chkShadows(true);
tiles3dLayer.on(mars3d.EventType.load, function (event) {
_this.createCar();
_this.getCarLocation();
});
},
chkShadows(val) {
@ -228,7 +286,7 @@ export default {
top: 23px;
left: 50%;
transform: translateX(-50%);
z-index: 50;
z-index: 100;
.search-box {
display: flex;

67
src/views/carInfo.vue
Unescape View File

@ -20,7 +20,6 @@
<script>
import MarsMap from "@/components/mars-map";
import grids from "@/components/grids.vue";
import { color } from "echarts";
export default {
data() {
const basePathUrl = window.basePathUrl || "";
@ -99,39 +98,49 @@ export default {
name: "贴模型表面漫游",
speed: 60,
positions: [
[120.590416, 31.275593, 13.3],
[120.608262, 31.285448, 21.7],
[120.604422, 31.30131, 30.9],
[120.594454, 31.301157, 13.1],
[120.587841, 31.300478, 13.1],
[120.589466, 31.293781, 9.5],
[120.586515, 31.292848, 16.2],
[120.590657, 31.275441, 15.5],
[120.597244, 31.278797, 16.4],
[120.595642, 31.280922, 15.1],
[120.590948, 31.27921, 15.9],
[120.588008, 31.278101, 13],
[120.590142, 31.275941, 15.6],
],
camera: {
type: "gs",
heading: 0,
radius: 500,
},
billboard: {
image: require("../assets/images/car-active.png"),
width: 210,
height: 100,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //居中防止自定义位置偏差
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
distanceDisplayCondition: true,
clampToGround: true,
visibleDepth: true,
label: {
text: "001号线_01_早送_守押001_苏E",
color: "#fff",
font_size: 13,
pixelOffsetY: -81,
pixelOffsetX: 10,
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
distanceDisplayCondition: true,
visibleDepth: false,
},
model: {
show: true,
url: "//data.mars3d.cn/gltf/imap/ce2fddca7bac436d8d318bcd4fdf2d69/gltf/gltf2.gltf",
scale: 0.3,
minimumPixelSize: 55,
silhouette: true,
silhouetteColor: "#fff",
silhouetteSize: 1,
silhouetteAlpha: 0.19,
},
// billboard: {
// image: require("../assets/images/car-active.png"),
// width: 210,
// height: 100,
// horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //居中防止自定义位置偏差
// verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
// distanceDisplayCondition: true,
// clampToGround: true,
// visibleDepth: true,
// label: {
// text: "001号线_01_早送_守押001_苏E",
// color: "#fff",
// font_size: 13,
// pixelOffsetY: -81,
// pixelOffsetX: 10,
// horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
// distanceDisplayCondition: true,
// visibleDepth: false,
// },
// },
circle: {
radius: 60,
materialType: mars3d.MaterialType.CircleWave,
@ -166,6 +175,10 @@ export default {
fixedRoute.start();
//打开弹窗
fixedRoute.openPopup();
// const point = new mars3d.LngLatPoint(item.lon, item.lat, 0)
// car.addDynamicPosition(point, item.time)
// const graphic = new mars3d.graphic.DivGraphic({
// id: "car" + i,
// position: [120.590416, 31.275593],

46
src/views/index.vue
Unescape View File

@ -21,6 +21,7 @@
<script>
import MarsMap from "@/components/mars-map";
import { getAreaData } from "@/api/yunkun/index.js";
export default {
data() {
const basePathUrl = window.basePathUrl || "";
@ -29,9 +30,9 @@ export default {
options: {
scene: {
center: {
lat: 29.730433,
lng: 120.187107,
alt: 129968.4,
lat: 29.812141,
lng: 120.170808,
alt: 129994.6,
heading: 9.5,
pitch: -46.2,
},
@ -68,7 +69,6 @@ export default {
methods: {
mapLoad(map) {
this.map = map;
if (process.env.NODE_ENV === "production") {
// 禁止地图缩放 - 平移 - 旋转转换位置
map.setSceneOptions({
@ -89,7 +89,6 @@ export default {
this.initSuzhou();
this.initRimcity();
},
initRimcity() {
mars3d.Util.fetchJson({ url: this.rimCityUrl }).then((res) => {
const arr = mars3d.Util.geoJsonToGraphics(res);
@ -128,12 +127,14 @@ export default {
});
});
},
initSuzhou() {
async initSuzhou() {
let _this = this;
this.addWall();
let list = await this.getAreaData();
mars3d.Util.fetchJson({ url: this.suzhouUrl }).then((res) => {
const arr = mars3d.Util.geoJsonToGraphics(res); // 解析geojson
arr.map((item, index) => {
let popupItem = list.filter((it) => it.area == item.attr.name);
const polygonEntity = new mars3d.graphic.PolygonEntity({
positions: item.positions,
id: `city${index}`,
@ -154,10 +155,12 @@ export default {
attr: {
...item.attr,
...{ index: index },
...(popupItem.length > 0 ? popupItem[0] : {}),
},
});
this.suzhouLayer.addGraphic(polygonEntity);
this.addCenterGraphi(polygonEntity.attr, index);
this.addCenterGraphi(polygonEntity.attr);
//高亮打开
polygonEntity.on(mars3d.EventType.highlightOpen, function (e) {
_this.currentIndex = e.target.options.attr.index;
@ -186,9 +189,16 @@ export default {
this.addScale();
});
},
addCenterGraphi(attr, index) {
// 获取六区数据
async getAreaData() {
let res = await getAreaData();
return res.data;
},
addCenterGraphi(attr) {
const circleGraphic = new mars3d.graphic.CircleEntity({
id: `circle${index}`,
id: `circle${attr.index}`,
position: new mars3d.LngLatPoint(attr.x, attr.y),
style: {
radius: 3500,
@ -204,33 +214,33 @@ export default {
const divGraphic = new mars3d.graphic.DivGraphic({
position: new mars3d.LngLatPoint(attr.x, attr.y),
id: `areaName${index}`,
id: `areaName${attr.index}`,
style: {
html: `<div class="mars-four-color mars3d-animation" id="areaName${index}">
html: `<div class="mars-four-color mars3d-animation" id="areaName${attr.index}">
<div class="four-color_name">${attr.name}</div>
<div class="screen-list">
<div class="row-item">
<div class="lable-value">
<div class="lable-data">线路总数</div>
<div class="value-data">57 <span>条</span></div>
<div class="value-data">${attr.lineNum} <span>条</span></div>
</div>
</div>
<div class="row-item">
<div class="lable-value">
<div class="lable-data">营业网点</div>
<div class="value-data">192 <span>个</span></div>
<div class="value-data">${attr.yywdzs} <span>个</span></div>
</div>
</div>
<div class="row-item">
<div class="lable-value">
<div class="lable-data">上门收款点</div>
<div class="value-data">104 <span>个</span></div>
<div class="value-data">${attr.skdNum} <span>个</span></div>
</div>
</div>
<div class="row-item">
<div class="lable-value">
<div class="lable-data">ATM机</div>
<div class="value-data">580 <span>台</span></div>
<div class="value-data">${attr.atmNum} <span>台</span></div>
</div>
</div>
</div>
@ -248,7 +258,6 @@ export default {
mars3d.Util.fetchJson({ url: this.rongheUrl }).then((res) => {
const arr = mars3d.Util.geoJsonToGraphics(res);
const options = arr[0];
const polygonEntity = new mars3d.graphic.PolygonEntity({
positions: options.positions,
style: {
@ -363,11 +372,13 @@ export default {
width: 100%;
height: 100%;
overflow: hidden;
.multiple {
}
.multiple {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 100;
width: 880px;
height: 80px;
display: flex;
@ -404,6 +415,5 @@ export default {
height: 16px;
margin-right: 10px;
}
}
}
</style>

4
vue.config.js
Unescape View File

@ -7,7 +7,7 @@ function resolve(dir) {
const CompressionPlugin = require("compression-webpack-plugin");
const name = process.env.VUE_APP_TITLE || "若依管理系统"; // 网页标题
const name = process.env.VUE_APP_TITLE || "云坤地图"; // 网页标题
const port = process.env.port || process.env.npm_config_port || 80; // 端口
@ -18,7 +18,7 @@ module.exports = {
// 部署生产环境和开发环境下的URL。
// 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
publicPath: process.env.NODE_ENV === "production" ? "/demo/Marsk3dDemo" : "/",
publicPath: process.env.NODE_ENV === "production" ? "/demo/yunkunPc" : "/",
// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和 baseUrl 的生产环境路径一致）（默认dist）
outputDir: "dist",
// 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）

Write Preview
Loading…
Cancel
Save