<template>
|
<div class="fy-container">
|
<FactorRadio @change="(e) => (factorType = e)"></FactorRadio>
|
<SearchBar></SearchBar>
|
</div>
|
</template>
|
|
<script>
|
import Layer from '@/utils/map/3dLayer';
|
import marks from '@/utils/map/marks';
|
|
export default {
|
name: 'HistoryPage',
|
data() {
|
return {
|
factorType: '',
|
factorDatas: [],
|
merge: false,
|
setCenter: true
|
};
|
},
|
watch: {
|
factorType(nValue, oValue) {
|
if (nValue != oValue) {
|
this.draw();
|
}
|
}
|
},
|
methods: {
|
draw() {
|
const factor = this.factorDatas.factor[this.factorType];
|
this.drawRoadMap(factor);
|
this.drawMassMarks(factor);
|
},
|
// 绘制3D走行路线图
|
drawRoadMap(e) {
|
// this.factorMode = factorMode;
|
// this.factorType = factorType;
|
// this.factorName = factorName;
|
// this.factorDatas.refreshHeight(this.factorType + 1 + '');
|
// this.refreshLegend(this.factorDatas);
|
// this.mapMaker.setFactorType(factorType);
|
// if (!this.mapMaker.runStatus()) {
|
|
Layer.drawRoadMap(this.factorDatas, e, this.merge, this.setCenter);
|
// }
|
},
|
drawMassMarks(e) {
|
marks.drawMassMarks(this.factorDatas, e, () => {
|
// 查询范围内的监测站点
|
// SceneUtil.searchByCoordinate(lnglat[0], lnglat[1], distance);
|
// 3. 趋势图跳转定位
|
// const progress = FChart.locate(lineChart.chart, lineChart.option, i, _factor.factorName);
|
// 4. 表格数据跳转定位
|
// Table.locate(i);
|
});
|
}
|
}
|
};
|
</script>
|
<style scoped>
|
.fy-container {
|
background-color: antiquewhite;
|
}
|
</style>
|
