2025-05-19 14:26:18 +08:00
|
|
|
import { parseGeoJSONFeature } from "../../utils/tools";
|
|
|
|
|
import { DCPJ_TYPES, SLGC_TYPES } from "../../views/Home/consts";
|
|
|
|
|
|
|
|
|
|
function initState() {
|
|
|
|
|
return {
|
|
|
|
|
calculating: false,
|
|
|
|
|
search: '',
|
|
|
|
|
view: 0,
|
|
|
|
|
layerVisible: {
|
|
|
|
|
HighlightLayer: true,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
},
|
|
|
|
|
layerSetting: {
|
|
|
|
|
dem: true,
|
|
|
|
|
dom: false,
|
|
|
|
|
drplabel: 'h24',
|
|
|
|
|
skNormalLabelInvisible: true,
|
|
|
|
|
|
|
|
|
|
bxsk_lhdd: false,
|
|
|
|
|
bxsk_jzdd: false,
|
|
|
|
|
bxsk_bsdd: true,
|
|
|
|
|
},
|
|
|
|
|
rightStack: [],
|
|
|
|
|
hidePanels: false,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const map = {
|
|
|
|
|
state: initState(),
|
|
|
|
|
reducers: {
|
|
|
|
|
setRaw(state, val) {
|
|
|
|
|
return { ...state, ...val }
|
|
|
|
|
},
|
|
|
|
|
setCalculating(state, val) {
|
|
|
|
|
return { ...state, calculating: val };
|
|
|
|
|
},
|
|
|
|
|
setView(state, view) {
|
|
|
|
|
return {
|
|
|
|
|
...state,
|
|
|
|
|
view,
|
|
|
|
|
rightStack: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
setSearch(state, search) {
|
|
|
|
|
return {
|
|
|
|
|
...state,
|
|
|
|
|
search
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
setRightStack(state, { name, open }) {
|
|
|
|
|
if (!name) {
|
|
|
|
|
return state;
|
|
|
|
|
}
|
|
|
|
|
const rightStack = (state.rightStack || []).filter(o => o !== name);
|
|
|
|
|
if (open) {
|
|
|
|
|
rightStack.push(name);
|
|
|
|
|
}
|
|
|
|
|
return { ...state, rightStack };
|
|
|
|
|
},
|
|
|
|
|
setLayerVisible(state, vo) {
|
|
|
|
|
const s = { ...state };
|
|
|
|
|
s.layerVisible = {
|
|
|
|
|
...s.layerVisible,
|
|
|
|
|
...vo,
|
|
|
|
|
};
|
|
|
|
|
return s;
|
|
|
|
|
},
|
|
|
|
|
setLayerVisibleExclusive(state, vo) {
|
|
|
|
|
return {
|
|
|
|
|
...state,
|
|
|
|
|
layerVisible: { ...vo }
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
setLayerSetting(state, so) {
|
|
|
|
|
const s = { ...state };
|
|
|
|
|
s.layerSetting = {
|
|
|
|
|
...s.layerSetting,
|
|
|
|
|
...so,
|
|
|
|
|
};
|
|
|
|
|
return s;
|
|
|
|
|
},
|
|
|
|
|
setHidePanels(state, val) {
|
|
|
|
|
return {
|
|
|
|
|
...state,
|
|
|
|
|
hidePanels: val,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
reset() {
|
|
|
|
|
return initState();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
effects: dispatch => ({
|
|
|
|
|
openSearch(value) {
|
|
|
|
|
this.setSearch({
|
|
|
|
|
mode: 'search',
|
|
|
|
|
search: value,
|
|
|
|
|
});
|
|
|
|
|
this.setRightStack({ name: 'search', open: !!value });
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
openHighlights(ctx) {
|
|
|
|
|
const { title, records } = ctx;
|
|
|
|
|
if (!title || !records) {
|
|
|
|
|
this.setSearch(null);
|
|
|
|
|
this.setRightStack({ name: 'search', open: false });
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.setSearch({
|
|
|
|
|
mode: 'select',
|
|
|
|
|
records,
|
|
|
|
|
title,
|
|
|
|
|
});
|
|
|
|
|
this.setRightStack({ name: 'search', open: true });
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// { type, prop, fill, stroke }
|
|
|
|
|
highlightFeatures(records) {
|
|
|
|
|
records = records.map(o => {
|
|
|
|
|
if (!o || !o.type || !o.props) {
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
const feature = parseGeoJSONFeature(o.props);
|
|
|
|
|
if (!feature || !feature.properties) {
|
|
|
|
|
console.error('invalid record to highlight');
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
feature.properties = o;
|
|
|
|
|
return feature;
|
|
|
|
|
}).filter(Boolean);
|
|
|
|
|
|
|
|
|
|
dispatch.runtime.setLayerSetting({ highlight: records })
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
resetMap() {
|
|
|
|
|
dispatch.map.reset();
|
|
|
|
|
dispatch.fzjcview.reset();
|
|
|
|
|
dispatch.overallview.reset();
|
|
|
|
|
dispatch.rcview.reset();
|
|
|
|
|
dispatch.realview.reset();
|
|
|
|
|
dispatch.shyjview.reset();
|
|
|
|
|
dispatch.slgcview.reset();
|
|
|
|
|
dispatch.runtime.reset();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
setView(id) {
|
|
|
|
|
let layerVisible = {};
|
2025-05-21 09:17:19 +08:00
|
|
|
const map = window.__mapref
|
2025-05-28 15:07:52 +08:00
|
|
|
if (id === 0 || id === 1 || id == 503) {
|
2025-05-19 14:26:18 +08:00
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: true,
|
|
|
|
|
RealHDLayer: true,
|
|
|
|
|
RealSkLayer: true,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
PicStLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
}
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 0) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: true,
|
|
|
|
|
RealHDLayer: true,
|
|
|
|
|
RealSkLayer: true,
|
|
|
|
|
PicStLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
YuwaiLayer: true,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
}
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 2) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = !!SLGC_TYPES[key];
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 3) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
|
|
|
|
FzdxLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = !SLGC_TYPES[key];
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 4 || id === 5) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 6) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
|
|
|
|
BxSkLayer: true,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
2025-05-21 09:17:19 +08:00
|
|
|
} else if (id === 201) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: true,
|
2025-05-26 21:29:05 +08:00
|
|
|
RealHDLayer: false,
|
2025-05-21 09:17:19 +08:00
|
|
|
RealSkLayer: false,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 202) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: true,
|
|
|
|
|
RealSkLayer: true,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
2025-05-21 16:14:39 +08:00
|
|
|
} else if (id === 203) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
2025-05-26 16:26:39 +08:00
|
|
|
RealSkLayer: false,
|
|
|
|
|
BxSkLayer: false,
|
2025-05-21 16:14:39 +08:00
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
2025-05-28 15:07:52 +08:00
|
|
|
BxjcLayer: true,
|
2025-05-21 16:14:39 +08:00
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 204) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
PicStLayer: true,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 205) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: true,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: true,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 206) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: true,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
2025-05-22 16:13:42 +08:00
|
|
|
} else if (id === 301) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
2025-05-28 15:09:02 +08:00
|
|
|
RealSkLayer: false,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
ShuichangLayer:true,
|
|
|
|
|
ShuiyuandiLayer:true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 302) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
// ShuichangLayer:true,
|
|
|
|
|
ShuizhiLayer:true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
} else if (id === 303) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
2025-05-22 16:13:42 +08:00
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
2025-05-28 15:09:02 +08:00
|
|
|
ShuichangLayer:true,
|
2025-05-22 16:13:42 +08:00
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
2025-05-28 15:09:02 +08:00
|
|
|
} else if ( id === 303 || id === 306 || id === 305) {
|
2025-05-27 17:31:45 +08:00
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: false,
|
|
|
|
|
RealHDLayer: false,
|
|
|
|
|
RealSkLayer: false,
|
|
|
|
|
BxSkLayer: false,
|
|
|
|
|
FzdxLayer: false,
|
|
|
|
|
WataLayer: false,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RoadLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
2025-05-28 15:07:52 +08:00
|
|
|
} else if (id == 501) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: true,
|
|
|
|
|
RealHDLayer: true,
|
|
|
|
|
RealSkLayer: true,
|
|
|
|
|
ShuiZhaLayer: true,
|
|
|
|
|
BzLayer: true,
|
|
|
|
|
SbLayer: true,
|
|
|
|
|
QdLayer: true,
|
|
|
|
|
ShuizhiLayer: true,
|
|
|
|
|
TrsqLayer: true,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
}else if (id == 504) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
RealDrpLayer: true,
|
|
|
|
|
TrsqLayer: true,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
}else if (id == 505) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
BzLayer: true,
|
|
|
|
|
SbLayer: true,
|
|
|
|
|
QdLayer: true,
|
|
|
|
|
ShuizhiLayer: true,
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
});
|
|
|
|
|
}else if (id == 506 || id == 507) {
|
|
|
|
|
layerVisible = {
|
|
|
|
|
AdcdLayer: true,
|
|
|
|
|
RivlLayer: true,
|
|
|
|
|
};
|
|
|
|
|
Object.keys(DCPJ_TYPES).forEach(key => {
|
|
|
|
|
if (key == 'bsnssinfo') {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = true;
|
|
|
|
|
} else {
|
|
|
|
|
layerVisible['Dcpj_' + key + 'Layer'] = false;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
});
|
2025-05-19 14:26:18 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
dispatch.runtime.setLayerSetting({ contour: null, dem: undefined })
|
|
|
|
|
dispatch.map.setRaw({ layerVisible, view: id });
|
|
|
|
|
dispatch.runtime.setFeaturePop(null);
|
2025-05-21 09:17:19 +08:00
|
|
|
|
|
|
|
|
|
2025-05-28 15:07:52 +08:00
|
|
|
if (id === 201 || id === 205) {
|
|
|
|
|
dispatch.map.setLayerSetting({ dom: false });
|
2025-05-21 09:17:19 +08:00
|
|
|
map.setLayoutProperty('热力图', 'visibility', 'visible');
|
2025-05-28 15:07:52 +08:00
|
|
|
} else {
|
2025-05-26 16:26:39 +08:00
|
|
|
// dispatch.map.setLayerSetting({dom: true});
|
2025-05-21 09:17:19 +08:00
|
|
|
map.setLayoutProperty('热力图', 'visibility', 'none');
|
|
|
|
|
}
|
2025-05-26 21:26:20 +08:00
|
|
|
|
|
|
|
|
if (id != 504) {
|
2025-05-28 15:07:52 +08:00
|
|
|
dispatch.runtime.setYyfa({})
|
|
|
|
|
}
|
2025-05-26 21:26:20 +08:00
|
|
|
|
|
|
|
|
|
2025-05-19 14:26:18 +08:00
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default map;
|