169 lines
17 KiB
JavaScript
169 lines
17 KiB
JavaScript
import React, { useEffect } from 'react';
|
|
import { Table, Tabs,Modal,message,Tooltip } from 'antd';
|
|
import { zindexmarker } from '../zindex';
|
|
|
|
const {
|
|
css,
|
|
physics,
|
|
} = window.popmotionXL;
|
|
|
|
|
|
function renderMarker({ alarm, status }, { width, highlight }) {
|
|
|
|
return `
|
|
<div style="position:relative">
|
|
<svg t="1616148185046" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4230" width="${width}">
|
|
</svg>
|
|
<img width="${width}" style="position:absolute;top:0;left:0" src="data:image/png;base64,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" alt="" className="panel-icon" />
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
const dist1 = 22000 * 22000;
|
|
const dist2 = 8000 * 8000;
|
|
|
|
|
|
function TuRangMarker({ data, dispatch, setting, zoom, distSq }) {
|
|
|
|
const highlight = setting;
|
|
|
|
let zindexOffset = 1;
|
|
if (!data.status) {
|
|
zindexOffset = 0;
|
|
} else if (data.alarm) {
|
|
zindexOffset = 2;
|
|
}
|
|
|
|
useEffect(() => {
|
|
const width = 8;
|
|
|
|
const placeholder = document.getElementById(`marker_turangshangqing_${data.id}`);
|
|
if (!placeholder) {
|
|
return;
|
|
}
|
|
|
|
const ratio = highlight ? 1.2 : 1.0;
|
|
|
|
const svgMarker = renderMarker(data, { width: width * ratio, highlight });
|
|
|
|
placeholder.innerHTML = svgMarker;
|
|
|
|
if (!highlight) {
|
|
|
|
const el = placeholder.firstChild;
|
|
const marker = el.nextSibling;
|
|
|
|
const markerSVG = marker.querySelector('svg');
|
|
|
|
const markerRenderer = css(markerSVG, {
|
|
enableHardwareAcceleration: false
|
|
});
|
|
|
|
const markerGrowSize = 1.2;
|
|
|
|
const markerScale = physics({
|
|
from: 1,
|
|
to: markerGrowSize,
|
|
velocity: 20,
|
|
spring: 300,
|
|
friction: 0.8,
|
|
onUpdate: (x) => markerRenderer.set('scale', x),
|
|
});
|
|
|
|
|
|
const zindex = zindexmarker.turangshangqing + zindexOffset;
|
|
|
|
marker.addEventListener('mouseenter', () => {
|
|
if (placeholder.parentNode.style.zIndex); {
|
|
placeholder.parentNode.style.zIndex = zindex + zindexmarker.hilightPlus;
|
|
}
|
|
markerScale.props.from = 1;
|
|
markerScale.props.to = markerGrowSize;
|
|
markerScale.start();
|
|
});
|
|
|
|
marker.addEventListener('mouseleave', () => {
|
|
if (placeholder.parentNode.style.zIndex); {
|
|
placeholder.parentNode.style.zIndex = zindex;
|
|
}
|
|
markerScale.props.from = markerGrowSize;
|
|
markerScale.props.to = 1;
|
|
markerScale.start();
|
|
});
|
|
}
|
|
|
|
return () => {
|
|
placeholder.innerHTML = '';
|
|
}
|
|
}, [highlight]);
|
|
|
|
const showPop = () => {
|
|
dispatch.runtime.setFeaturePop({
|
|
id: data.id,
|
|
type: 'turangshangqing',
|
|
data,
|
|
lgtd: data.lgtd,
|
|
lttd: data.lttd,
|
|
elev: data.elev,
|
|
})
|
|
}
|
|
|
|
let markerZoom;
|
|
if (highlight) {
|
|
markerZoom = 2;
|
|
} else if (zoom) {
|
|
markerZoom = (zoom - 10) * 0.5;
|
|
} else {
|
|
markerZoom = (dist1 - distSq) / (dist1 - dist2) * 2 + 1;
|
|
}
|
|
if (markerZoom < 1) {
|
|
markerZoom = 1;
|
|
} else if (markerZoom > 2.5) {
|
|
markerZoom = 2.5;
|
|
} else {
|
|
markerZoom = parseFloat(markerZoom.toFixed(1));
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Tooltip title={data.name}>
|
|
<div
|
|
id={`marker_turangshangqing_${data.id}`}
|
|
style={{
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
left: 0,
|
|
transformOrigin: 'bottom center',
|
|
transform: `translateX(-50%)${markerZoom > 1 ? ' scale(' + markerZoom + ')' : ''}`,
|
|
lineHeight: 1,
|
|
zIndex: zindexmarker.turangshangqing + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0)
|
|
}}
|
|
onClick={showPop}
|
|
></div>
|
|
</Tooltip>
|
|
{
|
|
(zoom > 10 || distSq < dist2 || highlight) && (
|
|
<div
|
|
className="markerLabel2 markerLabelNew"
|
|
style={{
|
|
// backgroundColor: '#0008',
|
|
padding: 4,
|
|
borderRadius: 4,
|
|
// fontSize: 10,
|
|
lineHeight: 1,
|
|
top: -10,
|
|
left: 0,
|
|
transform: 'translateX(-50%)',
|
|
zIndex: zindexmarker.shuikuLabel + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0),
|
|
// color: '#0008',//!getLayerVisible.SatelliteImage?'#0008':'#fff'
|
|
}}>
|
|
{data.stnm}
|
|
</div>
|
|
)
|
|
}
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default React.memo(TuRangMarker);
|