广东省地图替换

This commit is contained in:
13713575202 2025-04-20 15:45:51 +08:00
parent 17248b7781
commit d5c4ad4d78
4 changed files with 12 additions and 10 deletions

View File

@ -53,9 +53,9 @@ export default {
titleList: [ titleList: [
{ name: '首\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0页', type: 'pageOne' }, { name: '首\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0页', type: 'pageOne' },
{ name: '土地资源', type: 'pageLand' }, { name: '土地资源', type: 'pageLand' },
{ name: '科技支撑', type: 'pageTwo' }, { name: '投入品监管', type: 'pageTwo' },
{ name: '种植管理', type: 'pageThree' }, { name: '种植管理', type: 'pageThree' },
{ name: '全维监测', type: 'pageFour' }, { name: '农情监测', type: 'pageFour' },
{ name: '农产品溯源', type: 'pageFive' }, { name: '农产品溯源', type: 'pageFive' },
], ],
titleImg1: require('./img/1.png'), titleImg1: require('./img/1.png'),

File diff suppressed because one or more lines are too long

View File

@ -6,6 +6,7 @@
<script> <script>
import { selectRecord } from '@/api/trace/dataStatistics'; import { selectRecord } from '@/api/trace/dataStatistics';
import chinaMap from './china.json'; import chinaMap from './china.json';
import gdMap from './gd.json';
export default { export default {
data() { data() {
return {}; return {};
@ -48,7 +49,7 @@ export default {
visualMap: { visualMap: {
min: 0, min: 0,
max: 1000, max: 1000,
show: true, show: false,
type: 'piecewise', type: 'piecewise',
pieces: [ pieces: [
{ gt: 1500 }, // (1500, Infinity] { gt: 1500 }, // (1500, Infinity]
@ -62,7 +63,7 @@ export default {
}, },
}, },
geo: { geo: {
map: 'china', map: 'guangdong',
roam: true, roam: true,
show: true, show: true,
zoom: 1.3, zoom: 1.3,
@ -98,10 +99,10 @@ export default {
}; };
const { rows } = await selectRecord(this.baseId); const { rows } = await selectRecord(this.baseId);
// //
option.series[0].data = rows.map((item) => ({ // option.series[0].data = rows.map((item) => ({
name: item.queryCity, // name: item.queryCity,
value: [item.queryCoordinate.split(',')[0], item.queryCoordinate.split(',')[1], item.queryCount], // value: [item.queryCoordinate.split(',')[0], item.queryCoordinate.split(',')[1], item.queryCount],
})); // }));
// //
let i = 0; let i = 0;
rows.forEach((item) => { rows.forEach((item) => {
@ -109,7 +110,7 @@ export default {
}); });
option.title.subtext = `我们的产品走过了${rows.length}个城市,被客户查询了${i}`; option.title.subtext = `我们的产品走过了${rows.length}个城市,被客户查询了${i}`;
let myChart = this.$echarts.init(this.$refs.chart); let myChart = this.$echarts.init(this.$refs.chart);
this.$echarts.registerMap('china', { geoJSON: chinaMap }); this.$echarts.registerMap('guangdong', { geoJSON: gdMap });
myChart.setOption(option); myChart.setOption(option);
window.onresize = function () { window.onresize = function () {
myChart.resize(); myChart.resize();

View File

@ -44,7 +44,7 @@ export default {
data() { data() {
return { return {
bg: require('../img/bg.png'), bg: require('../img/bg.png'),
title: ['农民人均可收入', '支持水平', '带动农民占比', '科技支撑', '支持水平占比'], title: ['农民人均可收入', '投入总额', '带动农民占比', '科技支撑', '投入占比'],
}; };
}, },
methods: {}, methods: {},