mcfxkh-Web/src/views/Home/MapCtrl/mapstyle/shuizhilayer.js

554 lines
16 KiB
JavaScript
Raw Normal View History

2025-05-26 16:26:39 +08:00
import clone from "clone";
import { PicStPromise, TestPicStPromise } from "../../../../models/_/real";
import { parseGeoJSON } from "../../../../utils/tools";
import { InfoPopNames } from "../../InfoPops";
import BaseLayer from "./baselayer";
const SourceName = '水质';
const ShapeStyle = {
id: SourceName,
type: 'symbol',
source: SourceName,
layout: {
'icon-allow-overlap': true,
'text-allow-overlap': true,
'icon-image': '水质',
'icon-size': [
'interpolate', ['linear'], ['zoom'],
10, 0.4,
14, 0.8,
],
'text-allow-overlap': true,
'text-size': [
'interpolate', ['linear'], ['zoom'],
10, 10,
14, 14,
],
'text-font': ['Roboto Black'],
'text-field': [
'step',
['zoom'],
'',
12, ['get', 'stnm']
],
'text-anchor': 'top',
'text-offset': [0, 1],
'visibility': 'none',
},
paint: {
'text-color': '#fff'
}
};
const page1 = [
{
"stcd": "24108810",
"stnm": "麻城水站",
"mvalue": {
"exceeded": 0,
"data": {
"cr6Level": null,
"pbMultiple": null,
"hgLevelStr": null,
"cond": 300,
"nh3nLevelStr": null,
"vlph": null,
"nh3nMultiple": null,
"hgMultiple": null,
"turbMultiple": null,
"wimpLevel": null,
"doxStan": 6,
"cuMultiple": null,
"cr6Stan": 0.05,
"codcrLevel": null,
"turbLevelStr": null,
"tnMultiple": null,
"no3LevelStr": null,
"zn": null,
"no2Level": null,
"tocLevel": null,
"arsLevel": null,
"codmnStan": 4,
"waterQualityStr": null,
"cuLevel": null,
"pbLevelStr": null,
"codcr": null,
"no2Stan": null,
"wimpLevelStr": null,
"vlphMultiple": null,
"vlphLevelStr": null,
"nh3nStan": 0.5,
"flevelStr": null,
"turb": 6,
"toc": null,
"fmultiple": null,
"wimpMultiple": null,
"dox": 11.63,
"tnLevel": null,
"no3Stan": null,
"sb": null,
"no3Multiple": null,
"znLevelStr": null,
"znMultiple": null,
"cdLevelStr": null,
"cd": null,
"ars": null,
"cdMultiple": null,
"f": null,
"cuStan": 1,
"fstan": 1,
"doxMultiple": null,
"arsLevelStr": null,
"hgLevel": null,
"tmStr": null,
"chlaStan": null,
"cu": null,
"sbLevel": null,
"doxLevelStr": "Ⅰ类",
"vlphStan": 0.002,
"tm": "2025-03-21 08",
"tn": null,
"znLevel": null,
"nh3nLevel": null,
"tp": null,
"sbMultiple": null,
"arsMultiple": null,
"sbLevelStr": null,
"condLevel": null,
"no2Multiple": null,
"mainPollutants": null,
"no2": null,
"arsStan": 0.05,
"chlaMultiple": null,
"no3": null,
"chlaLevelStr": null,
"turbLevel": null,
"phLevelStr": null,
"codcrLevelStr": null,
"tpMultiple": null,
"cr6": null,
"hgStan": 0.00005,
"tpStan": 0.1,
"condMultiple": null,
"codcrMultiple": null,
"tpLevelStr": null,
"cdLevel": null,
"cr6Multiple": null,
"codcrStan": 15,
"stcd": "24108810 ",
"chla": 0.006,
"cr6LevelStr": null,
"spt": "2025-03-21 08",
"tpLevel": null,
"tocMultiple": null,
"condLevelStr": null,
"codmn": null,
"wimp": 10.44,
"znStan": 1,
"codmnLevelStr": null,
"codmnLevel": null,
"tocLevelStr": null,
"pbStan": 0.01,
"codmnMultiple": null,
"tnStan": 100.5,
"cdStan": 0.005,
"doxLevel": 1,
"tnLevelStr": null,
"tocStan": null,
"pbLevel": null,
"nh3n": null,
"cuLevelStr": null,
"no3Level": null,
"phMultiple": null,
"vlphLevel": null,
"flevel": null,
"pb": null,
"sbStan": 1,
"ph": 8.25,
"no2LevelStr": null,
"phLevel": null,
"chlaLevel": null,
"hg": null
},
"outMin": null,
"outMax": null,
"dataList": [
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "cond",
"waterQualityStr": null,
"value": 300
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "fStan",
"waterQualityStr": null,
"value": 1
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "vlph",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "doxStan",
"waterQualityStr": null,
"value": 6
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "cr6Stan",
"waterQualityStr": null,
"value": 0.05
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "zn",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "codmnStan",
"waterQualityStr": null,
"value": 4
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "waterQualityStr",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "codcr",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "no2Stan",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "nh3nStan",
"waterQualityStr": null,
"value": 0.5
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "turb",
"waterQualityStr": null,
"value": 6
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "toc",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": 1,
"label": "dox",
"waterQualityStr": "Ⅰ类",
"value": 11.63
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "no3Stan",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "sb",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "cd",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "ars",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "f",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "cuStan",
"waterQualityStr": null,
"value": 1
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "chlaStan",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "cu",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "vlphStan",
"waterQualityStr": null,
"value": 0.002
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "tn",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "tp",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "arsStan",
"waterQualityStr": null,
"value": 0.05
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "no2",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "no3",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "cr6",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "hgStan",
"waterQualityStr": null,
"value": 0.00005
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "tpStan",
"waterQualityStr": null,
"value": 0.1
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "codcrStan",
"waterQualityStr": null,
"value": 15
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "chla",
"waterQualityStr": null,
"value": 0.006
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "codmn",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "wimp",
"waterQualityStr": null,
"value": 10.44
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "znStan",
"waterQualityStr": null,
"value": 1
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "pbStan",
"waterQualityStr": null,
"value": 0.01
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "tnStan",
"waterQualityStr": null,
"value": 100.5
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "cdStan",
"waterQualityStr": null,
"value": 0.005
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "tocStan",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "nh3n",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "pb",
"waterQualityStr": null,
"value": null
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "sbStan",
"waterQualityStr": null,
"value": 1
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "ph",
"waterQualityStr": null,
"value": 8.25
},
{
"waterQualityMultiple": null,
"waterQuality": null,
"label": "hg",
"waterQualityStr": null,
"value": null
}
],
"waterQuality": 1,
"outMid": null,
"waterQualityStr": "Ⅰ类"
},
"lgtd": 112.071,
"lttd": 30.9641
}
]
export default class ShuizhiLayer extends BaseLayer {
static LayerName = 'ShuizhiLayer';
static SourceName = SourceName;
getStyle() {
const ret = clone(ShapeStyle);
this._setStyleVisibility(ret);
return ret;
}
getName() {
return ShuizhiLayer.LayerName;
}
getSubLayers() {
return [ShapeStyle.id];
}
async doRefreshLayer(mapCtrl) {
const ms = mapCtrl.getSource(SourceName);
let data =
// await PicStPromise.get();
[...page1].map((item)=>{
const obj = {...item}
obj.lgtd = item.lgtd + 2.9619
obj.lttd = item.lttd + 0.2002
return obj
})
ms.setData(parseGeoJSON(data));
return true;
}
getFeatureTip(record) {
2025-05-28 15:09:02 +08:00
return '';
2025-05-26 16:26:39 +08:00
}
featureClicked(properties, dispatch) {
dispatch.runtime.setFeaturePop({
2025-05-28 15:07:52 +08:00
type: '水质站',
2025-05-26 16:26:39 +08:00
properties,
coordinates: [properties.lgtd, properties.lttd],
offsetPop: true,
});
}
}