Skip to content

G
gassafety-progress
Commit 6c32d1f9 authored by 纪泽龙's avatar 纪泽龙
Browse files
Options

加上轨迹点

parent 1fd71101
Hide whitespace changes
Inline Side-by-side
Showing with 384 additions and 200 deletions
gassafetyprogress-web/src/assets/mapImages/carTarget.svg 0 → 100644
View file @ 6c32d1f9
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1647852854992" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2263" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
</style></defs><path d="M662.04973405 329.56834123l108.40905238-142.19888693c4.22372932-5.63163908 4.22372932-11.26327817 1.40790978-18.30282702-2.81581955-5.63163908-8.44745863-9.8553684-15.48700748-9.85536841H218.55815604c-9.8553684 0-16.89491725 7.03954885-16.89491725 16.89491726V867.38987389c0 9.8553684 7.03954885 16.89491725 16.89491725 16.89491726s16.89491725-7.03954885 16.89491726-16.89491726V487.25423562h522.33452519c7.03954885 0 12.67118794-4.22372932 15.48700749-9.8553684s1.40790977-12.67118794-2.81581955-18.30282703l-108.40905238-129.52769896z" fill="#EA4942" p-id="2264"></path></svg>
\ No newline at end of file
gassafetyprogress-web/src/utils/mapClass/config.js
View file @ 6c32d1f9
/* /*
* @Author: your name * @Author: your name
* @Date: 2022-01-26 10:47:44 * @Date: 2022-01-26 10:47:44
* @LastEditTime: 2022-03-03 16:03:12 * @LastEditTime: 2022-03-21 17:11:56
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/utils/config.js * @FilePath: /test/hello-world/src/utils/config.js
*/ */
import store from '@/store' import store from "@/store";
export const pipeColor = { export const pipeColor = {
1: "#2EE7E7", 1: "#2EE7E7",
...@@ -36,6 +36,8 @@ export const svgUrl = { ...@@ -36,6 +36,8 @@ export const svgUrl = {
11: require("@/assets/mapImages/mark03.png"), 11: require("@/assets/mapImages/mark03.png"),
12: require("@/assets/mapImages/mark04.png"), 12: require("@/assets/mapImages/mark04.png"),
13: require("@/assets/mapImages/mark01.png"), 13: require("@/assets/mapImages/mark01.png"),
//小汽车的路径标点图标
14: require("@/assets/mapImages/carTarget.svg"),
}; };
export const svgAlarm = { export const svgAlarm = {
2: require("@/assets/mapImages/tyxAlarm.svg"), 2: require("@/assets/mapImages/tyxAlarm.svg"),
...@@ -45,15 +47,14 @@ export const svgAlarm = { ...@@ -45,15 +47,14 @@ export const svgAlarm = {
6: require("@/assets/mapImages/userAlarm.svg"), 6: require("@/assets/mapImages/userAlarm.svg"),
}; };
export const deviceType = { export const deviceType = {
1:"管道", 1: "管道",
2:"调压箱", 2: "调压箱",
3:"阀门", 3: "阀门",
4:"场站", 4: "场站",
5:"监控", 5: "监控",
6:"用户", 6: "用户",
}; };
export const companyType = { export const companyType = {
1: "中燃翔科", 1: "中燃翔科",
2: "中诚燃气", 2: "中诚燃气",
...@@ -85,33 +86,55 @@ export const pipeData = { ...@@ -85,33 +86,55 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: "备注", remarks: "备注",
companyType: "1", companyType: "1",
path: [ [ 114.165756, 38.270519 ], [ 114.165421, 38.269184 ], [ 114.165039, 38.267927 ], [ 114.164857, 38.266685 ], [ 114.16446, 38.263696 ], [ 114.164405, 38.263111 ], [ 114.164418, 38.262426 ], [ 114.164194, 38.260908 ], [ 114.165692, 38.260752 ], [ 114.167399, 38.260559 ], [ 114.168369, 38.260391 ], [ 114.168901, 38.260879 ], [ 114.169059, 38.261128 ], [ 114.169078, 38.261693 ], [ 114.172569, 38.261263 ], [ 114.181772, 38.260066 ], [ 114.181584, 38.259023 ], [ 114.181353, 38.258139 ] ], path: [
}, [114.165756, 38.270519],
{ [114.165421, 38.269184],
pipeya: "20Pa", [114.165039, 38.267927],
pipeDiameter: "0.5", [114.164857, 38.266685],
pipeMaterial: "塑料", [114.16446, 38.263696],
pipeDepth: "5", [114.164405, 38.263111],
pipeTrend: "东西", [114.164418, 38.262426],
buildyear: "2019-03-05", [114.164194, 38.260908],
buildCompany: "通达管道", [114.165692, 38.260752],
powerCompany: "河北泽宏科技", [114.167399, 38.260559],
iconType: "1", [114.168369, 38.260391],
pipeAddr: "主管道至小区", [114.168901, 38.260879],
coordinates: [114.169059, 38.261128],
"[['114.165756','38.270519'],['114.16394','38.259056'],['114.173441','38.261087'],['114.181729','38.260066'],['114.181353','38.258139']]", [114.169078, 38.261693],
pipeLength: 213, [114.172569, 38.261263],
pipeType: "1", [114.181772, 38.260066],
pipePressure: "1", [114.181584, 38.259023],
iconUrl: [114.181353, 38.258139],
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/274e17c3-1c93-4f09-956e-615dd0e5fca6.png", ],
installationTime: "2021-10-07", },
inspectionTime: null, {
isDel: "0", pipeya: "20Pa",
remarks: "备注", pipeDiameter: "0.5",
companyType: "1", pipeMaterial: "塑料",
path: [ [ 114.17947, 38.260353 ], [ 114.179546, 38.260732 ] ], pipeDepth: "5",
}, pipeTrend: "东西",
buildyear: "2019-03-05",
buildCompany: "通达管道",
powerCompany: "河北泽宏科技",
iconType: "1",
pipeAddr: "主管道至小区",
coordinates:
"[['114.165756','38.270519'],['114.16394','38.259056'],['114.173441','38.261087'],['114.181729','38.260066'],['114.181353','38.258139']]",
pipeLength: 213,
pipeType: "1",
pipePressure: "1",
iconUrl:
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/274e17c3-1c93-4f09-956e-615dd0e5fca6.png",
installationTime: "2021-10-07",
inspectionTime: null,
isDel: "0",
remarks: "备注",
companyType: "1",
path: [
[114.17947, 38.260353],
[114.179546, 38.260732],
],
},
{ {
pipeya: "20Pa", pipeya: "20Pa",
pipeDiameter: "0.5", pipeDiameter: "0.5",
...@@ -135,8 +158,19 @@ export const pipeData = { ...@@ -135,8 +158,19 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "1", companyType: "1",
path: path: [
[ [ 114.236904, 38.239155 ], [ 114.234145, 38.239202 ], [ 114.233368, 38.242778 ], [ 114.233895, 38.249292 ], [ 114.233937, 38.251334 ], [ 114.229746, 38.251479 ], [ 114.226905, 38.25181 ], [ 114.224532, 38.252174 ], [ 114.224474, 38.253066 ], [ 114.224389, 38.254749 ], [ 114.224273, 38.258808 ] ], [114.236904, 38.239155],
[114.234145, 38.239202],
[114.233368, 38.242778],
[114.233895, 38.249292],
[114.233937, 38.251334],
[114.229746, 38.251479],
[114.226905, 38.25181],
[114.224532, 38.252174],
[114.224474, 38.253066],
[114.224389, 38.254749],
[114.224273, 38.258808],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -161,7 +195,16 @@ export const pipeData = { ...@@ -161,7 +195,16 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: "阿斯顿", remarks: "阿斯顿",
companyType: "1", companyType: "1",
path: [ [ 114.164985, 38.267853 ], [ 114.169441, 38.267047 ], [ 114.176153, 38.265802 ], [ 114.176198, 38.26608 ], [ 114.176877, 38.266001 ], [ 114.176815, 38.265712 ], [ 114.177443, 38.265609 ], [ 114.176635, 38.260772 ] ], path: [
[114.164985, 38.267853],
[114.169441, 38.267047],
[114.176153, 38.265802],
[114.176198, 38.26608],
[114.176877, 38.266001],
[114.176815, 38.265712],
[114.177443, 38.265609],
[114.176635, 38.260772],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -185,7 +228,16 @@ export const pipeData = { ...@@ -185,7 +228,16 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: "管道高压", remarks: "管道高压",
companyType: "1", companyType: "1",
path: [ [ 114.169401, 38.267041 ], [ 114.169923, 38.273139 ], [ 114.169782, 38.274468 ], [ 114.169324, 38.276147 ], [ 114.169237, 38.277648 ], [ 114.170117, 38.2815 ], [ 114.170207, 38.282984 ], [ 114.174419, 38.282971 ] ], path: [
[114.169401, 38.267041],
[114.169923, 38.273139],
[114.169782, 38.274468],
[114.169324, 38.276147],
[114.169237, 38.277648],
[114.170117, 38.2815],
[114.170207, 38.282984],
[114.174419, 38.282971],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -209,7 +261,16 @@ export const pipeData = { ...@@ -209,7 +261,16 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "1", companyType: "1",
path: [ [ 114.214022, 38.258963 ], [ 114.215365, 38.25896 ], [ 114.215363, 38.259637 ], [ 114.215366, 38.258961 ], [ 114.216537, 38.258983 ], [ 114.216534, 38.259115 ], [ 114.216537, 38.258983 ], [ 114.218661, 38.258925 ] ], path: [
[114.214022, 38.258963],
[114.215365, 38.25896],
[114.215363, 38.259637],
[114.215366, 38.258961],
[114.216537, 38.258983],
[114.216534, 38.259115],
[114.216537, 38.258983],
[114.218661, 38.258925],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -289,36 +350,50 @@ export const pipeData = { ...@@ -289,36 +350,50 @@ export const pipeData = {
remarks: "可以", remarks: "可以",
companyType: "1", companyType: "1",
path: [ path: [
[ [ 114.181858, 38.260066 ], [ 114.188165, 38.259239 ], [ 114.188883, 38.259136 ], [ 114.190042, 38.259164 ], [ 114.19217, 38.259316 ], [ 114.194628, 38.258174 ], [ 114.19722, 38.25744 ], [ 114.200157, 38.257364 ], [ 114.206203, 38.256601 ] ] [
], [114.181858, 38.260066],
}, [114.188165, 38.259239],
{ [114.188883, 38.259136],
pipeya: "20Pa", [114.190042, 38.259164],
pipeDiameter: "0.5", [114.19217, 38.259316],
pipeMaterial: "塑料", [114.194628, 38.258174],
pipeDepth: "5", [114.19722, 38.25744],
pipeTrend: "南北", [114.200157, 38.257364],
buildyear: "2019-03-05", [114.206203, 38.256601],
buildCompany: "通达管道", ],
powerCompany: "河北泽宏科技", ],
iconType: "1", },
pipeAddr: "冶河西路至县政府", {
coordinates: pipeya: "20Pa",
"[['114.18219','38.260066'],['114.19217','38.259316'],['114.197248','38.257486'],['114.196603','38.252102']]", pipeDiameter: "0.5",
pipeLength: 3255, pipeMaterial: "塑料",
pipeType: "1", pipeDepth: "5",
pipePressure: "4", pipeTrend: "南北",
iconUrl: buildyear: "2019-03-05",
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/aa4bd171-6be1-46f1-ba82-322d3ef54737.png", buildCompany: "通达管道",
installationTime: "2021-10-13", powerCompany: "河北泽宏科技",
inspectionTime: null, iconType: "1",
isDel: "0", pipeAddr: "冶河西路至县政府",
remarks: "可以", coordinates:
companyType: "1", "[['114.18219','38.260066'],['114.19217','38.259316'],['114.197248','38.257486'],['114.196603','38.252102']]",
path: [ pipeLength: 3255,
[ [ 114.185887, 38.259572 ], [ 114.185973, 38.260098 ], [ 114.18599, 38.260102 ] ] pipeType: "1",
], pipePressure: "4",
}, iconUrl:
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/aa4bd171-6be1-46f1-ba82-322d3ef54737.png",
installationTime: "2021-10-13",
inspectionTime: null,
isDel: "0",
remarks: "可以",
companyType: "1",
path: [
[
[114.185887, 38.259572],
[114.185973, 38.260098],
[114.18599, 38.260102],
],
],
},
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -430,7 +505,15 @@ export const pipeData = { ...@@ -430,7 +505,15 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: "123", remarks: "123",
companyType: "2", companyType: "2",
path: [ [ 114.192016, 38.259428 ], [ 114.192084, 38.262614 ], [ 114.187931, 38.263887 ], [ 114.186155, 38.264606 ], [ 114.184682, 38.26551 ], [ 114.185353, 38.264926 ], [ 114.183887, 38.264904 ] ], path: [
[114.192016, 38.259428],
[114.192084, 38.262614],
[114.187931, 38.263887],
[114.186155, 38.264606],
[114.184682, 38.26551],
[114.185353, 38.264926],
[114.183887, 38.264904],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -455,7 +538,12 @@ export const pipeData = { ...@@ -455,7 +538,12 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "2", companyType: "2",
path: [ [ 114.210714, 38.255961 ], [ 114.210617, 38.255911 ], [ 114.209614, 38.256096 ], [ 114.206401, 38.2566 ] ], path: [
[114.210714, 38.255961],
[114.210617, 38.255911],
[114.209614, 38.256096],
[114.206401, 38.2566],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -479,7 +567,11 @@ export const pipeData = { ...@@ -479,7 +567,11 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "2", companyType: "2",
path: [ [ 114.17755, 38.265569 ], [ 114.181274, 38.264945 ], [ 114.185067, 38.264924 ] ], path: [
[114.17755, 38.265569],
[114.181274, 38.264945],
[114.185067, 38.264924],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -535,36 +627,53 @@ export const pipeData = { ...@@ -535,36 +627,53 @@ export const pipeData = {
remarks: null, remarks: null,
companyType: "2", companyType: "2",
path: [ path: [
[ [ 114.199316, 38.260473 ], [ 114.199122, 38.260326 ], [ 114.198749, 38.260441 ], [ 114.198473, 38.260509 ], [ 114.198402, 38.260507 ], [ 114.198345, 38.260473 ], [ 114.197739, 38.258908 ], [ 114.19719, 38.257478 ], [ 114.196485, 38.251297 ], [ 114.195518, 38.242209 ] ] [
], [114.199316, 38.260473],
}, [114.199122, 38.260326],
{ [114.198749, 38.260441],
pipeya: "20Pa", [114.198473, 38.260509],
pipeDiameter: "0.5", [114.198402, 38.260507],
pipeMaterial: "塑料", [114.198345, 38.260473],
pipeDepth: "5", [114.197739, 38.258908],
pipeTrend: "东西", [114.19719, 38.257478],
buildyear: "2019-03-05", [114.196485, 38.251297],
buildCompany: "通达管道", [114.195518, 38.242209],
powerCompany: "河北泽宏科技", ],
iconType: "1", ],
pipeAddr: "康乐街岔口", },
coordinates: {
"[['114.198561','38.26075'],['114.197173','38.257331'],['114.195376','38.241776']]", pipeya: "20Pa",
pipeLength: 3469, pipeDiameter: "0.5",
pipeType: "1", pipeMaterial: "塑料",
pipePressure: "1", pipeDepth: "5",
iconUrl: pipeTrend: "东西",
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/8f51b133-6b5f-48d1-aff6-7d68bcb58849.png", buildyear: "2019-03-05",
installationTime: "2021-10-08", buildCompany: "通达管道",
inspectionTime: null, powerCompany: "河北泽宏科技",
isDel: "0", iconType: "1",
remarks: null, pipeAddr: "康乐街岔口",
companyType: "2", coordinates:
path: [ "[['114.198561','38.26075'],['114.197173','38.257331'],['114.195376','38.241776']]",
[ [ 114.193173, 38.250357 ], [ 114.193096, 38.249905 ], [ 114.19368, 38.249803 ], [ 114.194377, 38.249718 ], [ 114.196261, 38.249521 ] ] pipeLength: 3469,
], pipeType: "1",
}, pipePressure: "1",
iconUrl:
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/8f51b133-6b5f-48d1-aff6-7d68bcb58849.png",
installationTime: "2021-10-08",
inspectionTime: null,
isDel: "0",
remarks: null,
companyType: "2",
path: [
[
[114.193173, 38.250357],
[114.193096, 38.249905],
[114.19368, 38.249803],
[114.194377, 38.249718],
[114.196261, 38.249521],
],
],
},
{ {
pipeya: "20Pa", pipeya: "20Pa",
pipeDiameter: "0.5", pipeDiameter: "0.5",
...@@ -588,8 +697,21 @@ export const pipeData = { ...@@ -588,8 +697,21 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "2", companyType: "2",
path: path: [
[ [ 114.206898, 38.259072 ], [ 114.20675, 38.25672 ], [ 114.20636, 38.256667 ], [ 114.206091, 38.254336 ], [ 114.203348, 38.254645 ], [ 114.206094, 38.254333 ], [ 114.204444, 38.241922 ], [ 114.203839, 38.242023 ], [ 114.203782, 38.240171 ], [ 114.202854, 38.240167 ], [ 114.201458, 38.240228 ], [ 114.200296, 38.239421 ], [ 114.200292, 38.240242 ] ], [114.206898, 38.259072],
[114.20675, 38.25672],
[114.20636, 38.256667],
[114.206091, 38.254336],
[114.203348, 38.254645],
[114.206094, 38.254333],
[114.204444, 38.241922],
[114.203839, 38.242023],
[114.203782, 38.240171],
[114.202854, 38.240167],
[114.201458, 38.240228],
[114.200296, 38.239421],
[114.200292, 38.240242],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -615,7 +737,13 @@ export const pipeData = { ...@@ -615,7 +737,13 @@ export const pipeData = {
remarks: null, remarks: null,
companyType: "2", companyType: "2",
path: [ path: [
[ [ 114.196451, 38.250502 ], [ 114.200326, 38.250398 ], [ 114.200496, 38.250399 ], [ 114.221349, 38.249354 ], [ 114.224139, 38.250939 ] ] [
[114.196451, 38.250502],
[114.200326, 38.250398],
[114.200496, 38.250399],
[114.221349, 38.249354],
[114.224139, 38.250939],
],
], ],
}, },
{ {
...@@ -674,34 +802,48 @@ export const pipeData = { ...@@ -674,34 +802,48 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "3", companyType: "3",
path: [ [ 114.219113, 38.255163 ], [ 114.21852, 38.254677 ], [ 114.218446, 38.249739 ], [ 114.218477, 38.251096 ] ], path: [
[114.219113, 38.255163],
[114.21852, 38.254677],
[114.218446, 38.249739],
[114.218477, 38.251096],
],
}, },
{ {
pipeya: "20Pa", pipeya: "20Pa",
pipeDiameter: "0.5", pipeDiameter: "0.5",
pipeMaterial: "塑料", pipeMaterial: "塑料",
pipeDepth: "5", pipeDepth: "5",
pipeTrend: "东西", pipeTrend: "东西",
buildyear: "2019-03-05", buildyear: "2019-03-05",
buildCompany: "通达管道", buildCompany: "通达管道",
powerCompany: "河北泽宏科技", powerCompany: "河北泽宏科技",
iconType: "1", iconType: "1",
pipeAddr: "主管道至高村", pipeAddr: "主管道至高村",
coordinates: coordinates:
"[['114.219113','38.255163'],['114.21852','38.254677'],['114.21848','38.253932'],['114.218508','38.253723']]", "[['114.219113','38.255163'],['114.21852','38.254677'],['114.21848','38.253932'],['114.218508','38.253723']]",
pipeLength: 1010, pipeLength: 1010,
pipeType: "1", pipeType: "1",
pipePressure: "1", pipePressure: "1",
iconUrl: iconUrl:
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/471da450-c2c9-4a3b-89c8-a697a0ba2713.png", "http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/471da450-c2c9-4a3b-89c8-a697a0ba2713.png",
installationTime: "2021-10-14", installationTime: "2021-10-14",
inspectionTime: null, inspectionTime: null,
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "3", companyType: "3",
path: [ [ 114.208486, 38.259254 ], [ 114.208521, 38.260195 ], [ 114.208488, 38.261122 ], [ 114.208428, 38.262953 ], [ 114.208522, 38.263256 ], [ 114.208593, 38.263614 ], [ 114.208551, 38.26458 ], [ 114.208647, 38.266885 ] ], path: [
}, [114.208486, 38.259254],
[114.208521, 38.260195],
[114.208488, 38.261122],
[114.208428, 38.262953],
[114.208522, 38.263256],
[114.208593, 38.263614],
[114.208551, 38.26458],
[114.208647, 38.266885],
],
},
{ {
pipeya: "20Pa", pipeya: "20Pa",
...@@ -894,32 +1036,40 @@ export const pipeData = { ...@@ -894,32 +1036,40 @@ export const pipeData = {
isDel: "0", isDel: "0",
remarks: null, remarks: null,
companyType: "3", companyType: "3",
path: [ [ 114.224644, 38.254009 ], [ 114.223455, 38.254043 ] ], path: [
}, [114.224644, 38.254009],
{ [114.223455, 38.254043],
pipeya: "20Pa", ],
pipeDiameter: "0.5", },
pipeMaterial: "塑料", {
pipeDepth: "5", pipeya: "20Pa",
pipeTrend: "东西", pipeDiameter: "0.5",
buildyear: "2019-03-05", pipeMaterial: "塑料",
buildCompany: "通达管道", pipeDepth: "5",
powerCompany: "河北泽宏科技", pipeTrend: "东西",
iconType: "1", buildyear: "2019-03-05",
pipeAddr: "电大街石上流名苑1", buildCompany: "通达管道",
coordinates: "[['114.22432','38.254788'],['114.224201','38.253337']]", powerCompany: "河北泽宏科技",
pipeLength: 1717, iconType: "1",
pipeType: "1", pipeAddr: "电大街石上流名苑1",
pipePressure: "1", coordinates: "[['114.22432','38.254788'],['114.224201','38.253337']]",
iconUrl: pipeLength: 1717,
"http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/fe331990-6871-4d42-94a3-55b093eeb3b0.png", pipeType: "1",
installationTime: "2021-10-14", pipePressure: "1",
inspectionTime: null, iconUrl:
isDel: "0", "http://36.148.1.253:8091/gassafety/profile/loadPath/upload/2021/10/14/fe331990-6871-4d42-94a3-55b093eeb3b0.png",
remarks: null, installationTime: "2021-10-14",
companyType: "3", inspectionTime: null,
path: [ [ 114.218794, 38.260883 ], [ 114.218831, 38.264988 ], [ 114.220933, 38.264941 ], [ 114.220905, 38.266866 ] ], isDel: "0",
}, remarks: null,
companyType: "3",
path: [
[114.218794, 38.260883],
[114.218831, 38.264988],
[114.220933, 38.264941],
[114.220905, 38.266866],
],
},
{ {
pipeya: "20Pa", pipeya: "20Pa",
pipeDiameter: "0.5", pipeDiameter: "0.5",
......
gassafetyprogress-web/src/utils/mapClass/map.js
View file @ 6c32d1f9
/* /*
* @Author: your name * @Author: your name
* @Date: 2022-01-11 13:45:12 * @Date: 2022-01-11 13:45:12
* @LastEditTime: 2022-03-21 08:57:08 * @LastEditTime: 2022-03-21 17:43:29
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/utils/mapClass.js * @FilePath: /test/hello-world/src/utils/mapClass.js
...@@ -313,9 +313,7 @@ export class EditorMap { ...@@ -313,9 +313,7 @@ export class EditorMap {
this.allDevice[iconType].push(device); this.allDevice[iconType].push(device);
this.deviceEvent(device, compontent); this.deviceEvent(device, compontent);
// 设备的事件函数 // 设备的事件函数
if(iconType<10){ this.deviceEvent(device, compontent);
this.deviceEvent(device, compontent);
}
} }
deviceEvent(device, compontent) { deviceEvent(device, compontent) {
device.on("click", (e) => { device.on("click", (e) => {
...@@ -334,7 +332,11 @@ export class EditorMap { ...@@ -334,7 +332,11 @@ export class EditorMap {
const data = target.getExtData(); const data = target.getExtData();
console.log(data); console.log(data);
const name = const name =
data.nickName || data.deviceName || data.videoName || data.stationName; data.nickName ||
data.deviceName ||
data.videoName ||
data.stationName ||
data.time;
target.setLabel({ content: name, direction: "top" }); target.setLabel({ content: name, direction: "top" });
}); });
device.on("mouseout", (e) => { device.on("mouseout", (e) => {
...@@ -681,65 +683,95 @@ export class EditorMap { ...@@ -681,65 +683,95 @@ export class EditorMap {
* @param {*} path 轨迹回访率丼 * @param {*} path 轨迹回访率丼
* @return {*} * @return {*}
*/ */
backTrack(vehicleId, path) { backTrack(vehicleId, path,times) {
this.infowindowClose(); this.infowindowClose();
AMap.plugin("AMap.MoveAnimation", () => { AMap.plugin("AMap.MoveAnimation", () => {
let marker = this.allDevice[9].filter(item => item.getExtData().vehicleId == vehicleId)[0]; let marker = this.allDevice[9].filter(
(item) => item.getExtData().vehicleId == vehicleId
)[0];
// 绘制轨迹 // 绘制轨迹
marker.polyline = new AMap.Polyline({ marker.polyline = new AMap.Polyline({
map: this.map, map: this.map,
path, path,
showDir: true, showDir: true,
strokeColor: "#28F", //线颜色 strokeColor: "#28F", //线颜色
// strokeOpacity: 1, //线透明度 // strokeOpacity: 1, //线透明度
strokeWeight: 6, //线宽 strokeWeight: 6, //线宽
// strokeStyle: "solid" //线样式 // strokeStyle: "solid" //线样式
}); });
marker.passedPolyline = new AMap.Polyline({ marker.passedPolyline = new AMap.Polyline({
map: this.map, map: this.map,
strokeColor: "#AF5", //线颜色 strokeColor: "#AF5", //线颜色
strokeWeight: 6, //线宽 strokeWeight: 6, //线宽
}); });
marker.on("moving", (e) => { marker.on("moving", (e) => {
marker.passedPolyline.setPath(e.passedPath); marker.passedPolyline.setPath(e.passedPath);
// this.map.setCenter(e.target.getPosition(), true); // this.map.setCenter(e.target.getPosition(), true);
}); // console.log(getPosition());
});
marker.moveAlong(path , { // 每个path的点
// 每一段的时长 marker.pointArr = [];
duration: 8000,//可根据实际采集时间间隔设置 // carTarget
// JSAPI2.0 是否延道路自动设置角度在 moveAlong 里设置
autoRotation: true,
});
}); //点击的时候，先传进来一个点
const carPathData = { ...marker.getExtData() };
carPathData.iconType = 14;
this.addDevice(carPathData,null);
marker.on("moveend", (e) => {
// this.addDevice(carPathData,carBackComponent);
// 如果不是最后一个点，就创建一个新的worderpoint，如果是就不创建，并且把自身删除
} let z = {
longitude: e.pos[0],
latitude: e.pos[1],
time: times[e.index],
};
if (e.index == path.length - 1) {
} else {
this.addDevice(z, null);
// workPoint.infoWindow.open(map,e.passedPos);
marker.pointArr.push(workPoint);
}
console.log("定点", e);
});
marker.moveAlong(path, {
// 每一段的时长
duration: 8000, //可根据实际采集时间间隔设置
// JSAPI2.0 是否延道路自动设置角度在 moveAlong 里设置
autoRotation: true,
});
});
}
clearbackTrack(vehicleId) { clearbackTrack(vehicleId) {
// let marker = this.allDevice[9].filter( // let marker = this.allDevice[9].filter(
// (item) => item.getExtData().vehicleId == vehicleId // (item) => item.getExtData().vehicleId == vehicleId
// )[0]; // )[0];
this.allDevice["9"]?.forEach(item=>{ this.allDevice["9"]?.forEach((item) => {
if (item) { if (item) {
// 停止运动 // 停止运动
item.stopMove(); item.stopMove();
if(item.polyline){ // 删除每个点
item.pointArr?.forEach((iten) => {
this.map.remove(iten);
});
if (item.polyline) {
this.map.remove(item.polyline); this.map.remove(item.polyline);
} }
if(item.passedPolyline){ if (item.passedPolyline) {
this.map.remove(item.passedPolyline); this.map.remove(item.passedPolyline);
} }
this.map.remove(item); this.map.remove(item);
} }
}) });
// 最后把数组清空 // 最后把数组清空
this.allDevice["9"]=[]; this.allDevice["9"] = [];
// 把car的路径点也清空
this.allDevice["14"] = [];
this.infowindowClose(); this.infowindowClose();
} }
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment