From 00e99028a381a8d15e0b24e6a778fd16a74ce4aa Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期四, 05 十二月 2024 16:16:05 +0800
Subject: [PATCH] 地图
---
src/views/screen/components/map3.vue | 288 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 159 insertions(+), 129 deletions(-)
diff --git a/src/views/screen/components/map3.vue b/src/views/screen/components/map3.vue
index 83236a3..5bbb92d 100644
--- a/src/views/screen/components/map3.vue
+++ b/src/views/screen/components/map3.vue
@@ -23,80 +23,94 @@
return {
myChart: null, // ECharts 瀹炰緥
big: 130,
- // dotData: [
- // {
- // name: '鑷祦浜曞尯',
- // value: [104.645471408, 29.150000, 300],
- // platformOnline: true
- // },
- // {
- // name: '楂樻柊鍖�',
- // value: [104.780000, 29.22, 300],
- // platformOnline: true
- // },
- // {
- // name: '澶у畨鍖�',
- // value: [104.90805, 29.275946, 300],
- // platformOnline: true
- // },
- // {
- // name: '娌挎哗鍖�',
- // value: [104.78804, 29.130594, 300],
- // platformOnline: true
- // },
- // {
- // name: '璐′簳鍖�',
- // value: [104.559106, 29.161427, 300],
- // platformOnline: true
- // },
- // {
- // name: '鑽ｅ幙',
- // value: [104.3234, 29.2838, 300],
- // platformOnline: true
- // },
- // {
- // name: '瀵岄『鍘�',
- // value: [104.950000, 29.04, 300],
- // platformOnline: true
- // }
- // ],
- // markData: [
- // {
- // name: '鑷祦浜曞尯',
- // number: '0',
- // value: [104.490471408, 28.960000, 300]
- // },
- // {
- // name: '楂樻柊鍖�',
- // number: '0',
- // value: [104.86, 29.405, 300]
- // },
- // {
- // name: '澶у畨鍖�',
- // number: '0',
- // value: [105.236, 29.30548885792289, 300]
- // },
- // {
- // name: '娌挎哗鍖�',
- // number: '0',
- // value: [104.760237686031, 28.8500000, 300]
- // },
- // {
- // name: '璐′簳鍖�',
- // number: '0',
- // value: [104.322237686031, 29.00048885792289, 300]
- // },
- // {
- // name: '鑽ｅ幙',
- // number: '0',
- // value: [104.466237686031, 29.44048885792289, 300]
- // },
- // {
- // name: '瀵岄『鍘�',
- // number: '0',
- // value: [105.18, 29.000000, 300]
- // }
- // ],
+ dotData: [
+ {
+ name: '鑷祦浜曞尯',
+ value: [104.621171408, 29.150000, 300],
+ platformOnline: true
+ },
+ {
+ name: '楂樻柊鍖�',
+ value: [104.780000, 29.19, 300],
+ platformOnline: true
+ },
+ {
+ name: '澶у畨鍖�',
+ value: [104.95805, 29.155946, 300],
+ platformOnline: true
+ },
+ {
+ name: '娌挎哗鍖�',
+ value: [104.80504, 29.050594, 300],
+ platformOnline: true
+ },
+ {
+ name: '璐′簳鍖�',
+ value: [104.46106, 29.101427, 300],
+ platformOnline: true
+ },
+ {
+ name: '鑽ｅ幙',
+ value: [104.2634, 29.2838, 300],
+ platformOnline: true
+ },
+ {
+ name: '瀵岄『鍘�',
+ value: [105.000000, 28.93, 300],
+ platformOnline: true
+ }
+ ],
+ markData: [
+ {
+ name: '鑷祦浜曞尯',
+ video: '0',
+ car: '0',
+ face: '0',
+ value: [104.911471408, 30.100000, 300]
+ },
+ {
+ name: '楂樻柊鍖�',
+ video: '0',
+ car: '0',
+ face: '0',
+ value: [104.867237686031, 29.39548885792289, 300]
+ },
+ {
+ name: '澶у畨鍖�',
+ video: '0',
+ car: '0',
+ face: '0',
+ value: [105.12337686031, 29.38948885792289, 300]
+ },
+ {
+ name: '娌挎哗鍖�',
+ video: '0',
+ car: '0',
+ face: '0',
+ value: [105.40537686031, 30.20048885792289, 300]
+ },
+ {
+ name: '璐′簳鍖�',
+ video: '0',
+ car: '0',
+ face: '0',
+ value: [104.51037686031, 29.42048885792289, 300]
+ },
+ {
+ name: '鑽ｅ幙',
+ video: '0',
+ car: '0',
+ face: '0',
+ value: [104.25437686031, 29.64048885792289, 300]
+ },
+ {
+ name: '瀵岄『鍘�',
+ video: '0',
+ car: '0',
+ face: '0',
+ value: [105.208, 29.185, 300]
+ }
+ ],
}
},
mounted() {
@@ -109,14 +123,16 @@
},
methods: {
initializeMap() {
- // this.updateMapData()
+ this.updateMapData()
this.getChinData('鑷础甯�', chinaJson)
},
updateMapData() {
if (this.geoCoordinates) {
this.markData.forEach(item => {
if (this.geoCoordinates[item.name]) {
- item.number = this.geoCoordinates[item.name].score || '0'
+ item.video = this.geoCoordinates[item.name].video || '0.0'
+ item.car = this.geoCoordinates[item.name].car || '0.0'
+ item.face = this.geoCoordinates[item.name].face || '0.0'
}
})
}
@@ -159,9 +175,11 @@
type: 'map',
map: name,
left: '-5%',
- top: '5%',
- boxWidth: 80,
- regionHeight: 1,
+ top: '20%',
+ width: '100%', // 鏄庣‘鎸囧畾瀹藉害
+ height: '720px', // 鏄庣‘鎸囧畾楂樺害
+ // boxWidth: 100,
+ regionHeight: 0.8,
zlevel: 10,
tooltip: {
@@ -215,6 +233,7 @@
rotateSensitivity: 0, // 鏃嬭浆
minBeta: -13,
maxBeta: -13,
+ distance: 120,
zoomSensitivity: 0, // 缂╂斁
panSensitivity: 0, // 骞崇Щ
center: [0, 0, 0],
@@ -251,10 +270,12 @@
name: name,
type: 'map3D',
map: name,
- boxWidth: 80,
- regionHeight: 1,
+ // boxWidth: 100,
+ regionHeight: 0.8,
left: '-5%',
- top: '5%',
+ top: '20%',
+ width: '100%', // 鏄庣‘鎸囧畾瀹藉害
+ height: '720px', // 鏄庣‘鎸囧畾楂樺害
zlevel: 5,
// tooltip: {
@@ -289,6 +310,7 @@
rotateSensitivity: 0, // 鏃嬭浆
minBeta: -13,
maxBeta: -13,
+ distance: 120,
zoomSensitivity: 0, // 缂╂斁
panSensitivity: 0, // 骞崇Щ
center: [0, 0, 0],
@@ -323,52 +345,59 @@
polyline: true,
lineStyle: {
color: '#a4ddee',
- width: 1,
- opacity: 1
+ width: 2,
+ opacity: 1,
},
data: [
- // {
- // coords: [
- // [104.645471408, 29.150000, 300],
- // [104.525471408, 28.960000, 430]
- // ]
- // },
- // {
- // coords: [
- // [104.779193, 29.22148885792289, 300],
- // [104.780237686031, 29.39548885792289, 430]
- // ]
- // },
- // {
- // coords: [
- // [104.90805, 29.275946, 300],
- // [105.106237686031, 29.22948885792289, 430]
- // ]
- // },
- // {
- // coords: [
- // [104.78804, 29.130594, 300],
- // [104.776237686031, 28.85048885792289, 430]
- // ]
- // },
- // {
- // coords: [
- // [104.559106, 29.161427, 300],
- // [104.356237686031, 29.00048885792289, 430]
- // ]
- // },
- // {
- // coords: [
- // [104.3234, 29.2838, 300],
- // [104.456237686031, 29.39048885792289, 430]
- // ]
- // },
- // {
- // coords: [
- // [104.950000, 29.04, 300],
- // [105.05, 28.983, 430]
- // ]
- // }
+ // 鑷祦浜曠嚎
+ {
+ coords: [
+ [104.621171408, 29.150000, 300],
+ [104.941471408, 30.190000, 335]
+ ]
+ },
+ // 楂樻柊鍖虹嚎
+ {
+ coords: [
+ [104.780000, 29.19, 300],
+ [104.880237686031, 29.42548885792289, 335]
+ ]
+ },
+ // 澶у畨鍖虹嚎
+ {
+ coords: [
+ [104.95805, 29.155946, 300],
+ [105.12137686031, 29.41948885792289, 335]
+ ]
+ },
+ // 娌挎哗鍖虹嚎
+ {
+ coords: [
+ [104.80504, 29.050594, 300],
+ [105.47237686031, 30.30048885792289, 335]
+ ]
+ },
+ // 璐′簳鍖虹嚎
+ {
+ coords: [
+ [104.46106, 29.101427, 300],
+ [104.51837686031, 29.45048885792289, 335]
+ ]
+ },
+ // 鑽ｅ幙绾�
+ {
+ coords: [
+ [104.2634, 29.2838, 300],
+ [104.25437686031, 29.67048885792289, 335]
+ ]
+ },
+ // 瀵岄『绾�
+ {
+ coords: [
+ [105.000000, 28.93, 300],
+ [105.218, 29.195, 335]
+ ]
+ }
],
effect: {
show: true,
@@ -389,7 +418,7 @@
data: that.markData,
itemStyle: {
- opacity: 1,
+ opacity: 0.7,
borderWidth: 1,
borderColor: 'a4ddee',
},
@@ -404,11 +433,12 @@
borderColor: '#a4ddee',
borderWidth: 0.5,
borderRadius: 5,
- padding: [8, 15]
+ padding: [4, 8]
},
formatter: function (params) {
- return `{style|${params.data.name}\n寰楀垎锛�${params.data.number}}`
+ // return `{style|${params.data.name} 锛�${params.data.number}}`
+ return `{style|${params.data.name} \n 瑙嗛锛�${params.data.video} \n 杞﹁締锛�${params.data.car} \n 浜鸿劯锛�${params.data.face}}`
},
rich: {
style: {
--
Gitblit v1.8.0