From 78a1616ec592f19fcd166e7f2c0e1e48e5650ca4 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期三, 25 九月 2024 15:05:45 +0800
Subject: [PATCH] 大屏地图标注不换行
---
src/views/screen/components/map3.vue | 92 +++++++++++++++++++++++++---------------------
1 files changed, 50 insertions(+), 42 deletions(-)
diff --git a/src/views/screen/components/map3.vue b/src/views/screen/components/map3.vue
index 72efd83..e9614f8 100644
--- a/src/views/screen/components/map3.vue
+++ b/src/views/screen/components/map3.vue
@@ -26,37 +26,37 @@
dotData: [
{
name: '鑷祦浜曞尯',
- value: [104.665471408, 29.23008885, 300],
+ value: [104.641171408, 29.120000, 300],
platformOnline: true
},
{
name: '楂樻柊鍖�',
- value: [104.805193, 29.3, 300],
+ value: [104.780000, 29.19, 300],
platformOnline: true
},
{
name: '澶у畨鍖�',
- value: [104.90805, 29.345946, 300],
+ value: [104.90805, 29.235946, 300],
platformOnline: true
},
{
name: '娌挎哗鍖�',
- value: [104.80804, 29.200594, 300],
+ value: [104.75804, 29.100594, 300],
platformOnline: true
},
{
name: '璐′簳鍖�',
- value: [104.579106, 29.241427, 300],
+ value: [104.559106, 29.161427, 300],
platformOnline: true
},
{
name: '鑽ｅ幙',
- value: [104.3534, 29.3538, 300],
+ value: [104.3234, 29.2838, 300],
platformOnline: true
},
{
name: '瀵岄『鍘�',
- value: [104.96, 29.08, 300],
+ value: [104.950000, 29.04, 300],
platformOnline: true
}
],
@@ -64,37 +64,37 @@
{
name: '鑷祦浜曞尯',
number: '0',
- value: [104.616237686031, 29.081, 300]
+ value: [104.551471408, 28.860000, 300]
},
{
name: '楂樻柊鍖�',
number: '0',
- value: [104.84, 29.405, 300]
+ value: [104.863237686031, 29.39548885792289, 300]
},
{
name: '澶у畨鍖�',
number: '0',
- value: [105.136, 29.30548885792289, 300]
+ value: [105.20537686031, 29.82948885792289, 300]
},
{
name: '娌挎哗鍖�',
number: '0',
- value: [104.956237686031, 29.2, 300]
+ value: [104.760237686031, 28.7800000, 300]
},
{
name: '璐′簳鍖�',
number: '0',
- value: [104.436237686031, 29.16048885792289, 300]
+ value: [104.590237686031, 29.30048885792289, 300]
},
{
name: '鑽ｅ幙',
number: '0',
- value: [104.480237686031, 29.40048885792289, 300]
+ value: [104.337937686031, 29.64048885792289, 300]
},
{
name: '瀵岄『鍘�',
number: '0',
- value: [105.12, 29.076, 300]
+ value: [105.165, 29.385, 300]
}
],
}
@@ -122,7 +122,6 @@
}
if (this.platformData) {
this.dotData.forEach(item => {
- console.log('鏇存柊鏁版嵁', this.platformData)
if (this.platformData[item.name]) {
item.platformOnline = this.platformData[item.name].platformOnline
}
@@ -160,10 +159,10 @@
type: 'map',
map: name,
left: '-5%',
- top: '5%',
- boxWidth: 100,
- regionHeight: 2,
- zlevel: 5,
+ top: '10%',
+ // boxWidth: 100,
+ regionHeight: 0.8,
+ zlevel: 10,
tooltip: {
show: true,
@@ -178,7 +177,7 @@
},
label: {
- show: true, // (鍦板浘涓婄殑鍩庡競鍚嶇О)鏄惁鏄剧ず鏍囩
+ show: false, // (鍦板浘涓婄殑鍩庡競鍚嶇О)鏄惁鏄剧ず鏍囩
distance: 5,
formatter: function (params) {
return params.name ? params.name : ' '
@@ -191,7 +190,7 @@
emphasis: {
label: {
- show: true,
+ show: false,
textStyle: {
color: '#ffffff' // 楂樹寒鏂囧瓧涓轰寒钃濊壊
}
@@ -216,10 +215,11 @@
rotateSensitivity: 0, // 鏃嬭浆
minBeta: -13,
maxBeta: -13,
+ distance: 130,
zoomSensitivity: 0, // 缂╂斁
panSensitivity: 0, // 骞崇Щ
center: [0, 0, 0],
- alpha: 70, // 鍊炬枩瑙掑害
+ alpha: 30, // 鍊炬枩瑙掑害
animationDurationUpdate: 1000, // 杩囨浮鍔ㄧ敾鐨勬椂闀�
animationEasingUpdate: 'cubicInOut' // 杩囨浮鍔ㄧ敾鐨勭紦鍔ㄦ晥鏋�
},
@@ -252,11 +252,11 @@
name: name,
type: 'map3D',
map: name,
- boxWidth: 100,
- regionHeight: 2,
+ // boxWidth: 100,
+ regionHeight: 0.8,
left: '-5%',
- top: '5%',
- zlevel: 10,
+ top: '10%',
+ zlevel: 5,
// tooltip: {
// show: true,
@@ -290,10 +290,11 @@
rotateSensitivity: 0, // 鏃嬭浆
minBeta: -13,
maxBeta: -13,
+ distance: 130,
zoomSensitivity: 0, // 缂╂斁
panSensitivity: 0, // 骞崇Щ
center: [0, 0, 0],
- alpha: 70 // 鍊炬枩瑙掑害
+ alpha: 30 // 鍊炬枩瑙掑害
}
},
{
@@ -328,46 +329,53 @@
opacity: 1
},
data: [
+ // 鑷祦浜曠嚎
{
coords: [
- [104.665471408, 29.23008885, 300],
- [104.6, 29.125, 430]
+ [104.641171408, 29.120000, 300],
+ [104.551471408, 28.860000, 430]
]
},
+ // 楂樻柊鍖虹嚎
{
coords: [
- [104.805193, 29.30148885792289, 300],
- [104.780237686031, 29.39548885792289, 430]
+ [104.780000, 29.19, 300],
+ [104.863237686031, 29.39548885792289, 430]
]
},
+ // 澶у畨鍖虹嚎
{
coords: [
- [104.90805, 29.345946, 300],
- [105.056237686031, 29.33548885792289, 430]
+ [104.90805, 29.235946, 300],
+ [105.20537686031, 29.82948885792289, 430]
]
},
+ // 娌挎哗鍖虹嚎
{
coords: [
- [104.80804, 29.200594, 300],
- [104.906237686031, 29.20048885792289, 430]
+ [104.75804, 29.100594, 300],
+ [104.776237686031, 28.78048885792289, 430]
]
},
+ // 璐′簳鍖虹嚎
{
coords: [
- [104.579106, 29.241427, 300],
- [104.486237686031, 29.19048885792289, 430]
+ [104.559106, 29.161427, 300],
+ [104.59237686031, 29.30048885792289, 430]
]
},
+ // 鑽ｅ幙绾�
{
coords: [
- [104.3534, 29.3538, 300],
- [104.456237686031, 29.39048885792289, 430]
+ [104.3234, 29.2838, 300],
+ [104.346037686031, 29.64048885792289, 430]
]
},
+ // 瀵岄『绾�
{
coords: [
- [104.96, 29.08, 300],
- [105.05, 29.083, 430]
+ [104.950000, 29.04, 300],
+ [105.163, 29.385, 430]
]
}
],
@@ -409,7 +417,7 @@
},
formatter: function (params) {
- return `{style|${params.data.name}\n寰楀垎锛�${params.data.number}}`
+ return `{style|${params.data.name} 寰楀垎锛�${params.data.number}}`
},
rich: {
style: {
--
Gitblit v1.8.0