'1'
This commit is contained in:
commit
4bfa78acc3
@ -4,7 +4,7 @@
|
||||
<div class='list-div'>
|
||||
<div class='content'>
|
||||
<div class="title">
|
||||
<div class="text"> 国控点/市控点内 变电站及杆塔</div>
|
||||
<div class="text"> {{ titleStr }} 变电站及杆塔</div>
|
||||
<div class="button" :style="{transform: `rotate(${jianTouDeg}deg)`}" @click="jianTouDeg = (jianTouDeg + 180) % 360"></div>
|
||||
</div>
|
||||
<div class="ta-bian-dian-div" v-show="jianTouDeg === 0">
|
||||
@ -27,9 +27,12 @@ const props = defineProps({prjName: String, leiBie: String})
|
||||
|
||||
// 地图, 距离计算插件, 坐标转换, 模型加载器, 加载管理器
|
||||
let map, geometryUtil, convertTask, loading_manager = new THREE.LoadingManager(), loader = new THREE.GLTFLoader(loading_manager)
|
||||
|
||||
const titleStr = ref('生态敏感区')
|
||||
// 页面加载后执行
|
||||
onMounted(() => {
|
||||
initMap()
|
||||
titleStr.value = props.leiBie === '生态敏感区' ? '生态敏感区' : '国控点/市控点'
|
||||
})
|
||||
// 初始化地图
|
||||
const initMap = async () => {
|
||||
@ -89,18 +92,32 @@ const prjDraw = prjObj => {
|
||||
const position = [parseFloat(taObj.longitude), parseFloat(taObj.latitude)]
|
||||
positions.push(position)
|
||||
xlNumber.push({type: 'Feature', geometry: {type: 'Point', coordinates: position}, properties: {taNumber: taObj.towerNo}})
|
||||
if(taObj.taskSpecification === '变电站'){
|
||||
if (taObj.taskSpecification === '变电站') {
|
||||
map.addLayer({// 2D 大变电
|
||||
id: randomLayerId(), type: 'symbol', maxzoom: 22, minzoom: 17, metadata: {text: '自定义数据'},
|
||||
source: {type: 'geojson', data: {type: 'FeatureCollection', features: [{type: 'Feature', geometry: {type: 'Point', coordinates: position}}]}},
|
||||
layout: {'icon-image': 'bian_dian_icon', 'icon-size': .36, 'icon-ignore-placement': true, 'icon-allow-overlap': true, 'icon-anchor': 'center', 'icon-pitch-alignment': 'map'}
|
||||
layout: {
|
||||
'icon-image': 'bian_dian_icon',
|
||||
'icon-size': .36,
|
||||
'icon-ignore-placement': true,
|
||||
'icon-allow-overlap': true,
|
||||
'icon-anchor': 'center',
|
||||
'icon-pitch-alignment': 'map'
|
||||
}
|
||||
})
|
||||
map.addLayer({// 2D 小变电
|
||||
id: randomLayerId(), type: 'symbol', maxzoom: 17, minzoom: 8, metadata: {text: '自定义数据'},
|
||||
source: {type: 'geojson', data: {type: 'FeatureCollection', features: [{type: 'Feature', geometry: {type: 'Point', coordinates: position}}]}},
|
||||
layout: {'icon-image': 'bian_dian_icon', 'icon-size': .12, 'icon-ignore-placement': true, 'icon-allow-overlap': true, 'icon-anchor': 'center', 'icon-pitch-alignment': 'map'}
|
||||
layout: {
|
||||
'icon-image': 'bian_dian_icon',
|
||||
'icon-size': .12,
|
||||
'icon-ignore-placement': true,
|
||||
'icon-allow-overlap': true,
|
||||
'icon-anchor': 'center',
|
||||
'icon-pitch-alignment': 'map'
|
||||
}
|
||||
})
|
||||
}else{
|
||||
} else {
|
||||
xlCircle.push({
|
||||
type: 'Feature', geometry: {type: 'Point', coordinates: position},
|
||||
properties: {icon: taObj.finished ? 'type_icon_green' : 'type_icon_red', color: taObj.finished ? '#00FF00' : '#FF0000'}
|
||||
@ -128,7 +145,7 @@ const prjDraw = prjObj => {
|
||||
// 根据线头个数循环找下一个
|
||||
prjMap.forEach((value) => {
|
||||
const ta0 = value
|
||||
if(ta0.taskSpecification === '变电站'){
|
||||
if (ta0.taskSpecification === '变电站') {
|
||||
return
|
||||
}
|
||||
const typeObj = TA_MESH_TYPE[ta0.tensionTowerFlag]
|
||||
|
||||
@ -7,7 +7,7 @@ const getvw = num => {
|
||||
|
||||
// 进度完成情况图表
|
||||
export const JDWCQK_OPTION = {
|
||||
title: {text: '单位:座', left: '3%', top: '3%', textStyle: {color: '#fff', fontSize: getvw(25), fontWeight: 'normal'}},
|
||||
title: {text: '单位:基', left: '3%', top: '3%', textStyle: {color: '#fff', fontSize: getvw(25), fontWeight: 'normal'}},
|
||||
tooltip: {trigger: 'axis'},
|
||||
legend: {
|
||||
right: '3%', top: '3%', textStyle: {fontWeight: 500, fontSize: getvw(26), padding: 16, color: '#FFFFFF'},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user