|
|
|
@ -32,6 +32,7 @@ import jdbandaoJson from './jdbandao.json' |
|
|
|
import point from './point.json' |
|
|
|
import chinaMap from './chinaMap.vue' |
|
|
|
import { selectConfigList } from '@/api/home' |
|
|
|
import { seedCompanyList } from '@/api/zdyf' |
|
|
|
import { mapActions, mapGetters } from 'vuex' |
|
|
|
const width = 0 |
|
|
|
const height = 0 |
|
|
|
@ -41,6 +42,7 @@ let polygonLayer |
|
|
|
let polygonLayer1 |
|
|
|
let lineLayer |
|
|
|
let dotLayer |
|
|
|
let textLayer |
|
|
|
let dotLayer1 |
|
|
|
let dotLayer2 |
|
|
|
let dotLayer3 |
|
|
|
@ -109,6 +111,7 @@ export default { |
|
|
|
{ name: '年平均降水', units: '毫升', num: '687' }, |
|
|
|
{ name: '土壤有机质', units: '含量', num: '1.5%' } |
|
|
|
], |
|
|
|
companyList: [], |
|
|
|
mapType: '', |
|
|
|
showPage: false, |
|
|
|
width: 1920, |
|
|
|
@ -151,6 +154,9 @@ export default { |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
seedCompanyList().then(res => { |
|
|
|
this.companyList = res.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
...mapActions({ |
|
|
|
@ -159,9 +165,9 @@ export default { |
|
|
|
}), |
|
|
|
...mapActions({}), |
|
|
|
openCompanyDetail (item) { |
|
|
|
console.log('item::', item) |
|
|
|
const row = this.companyList.filter(item1 => item1.name === item.name) |
|
|
|
this.set_qyjj(true) |
|
|
|
this.set_gsxq_id(item.id) |
|
|
|
this.set_gsxq_id(row[0].id) |
|
|
|
}, |
|
|
|
async switcMapType1 (arr) { |
|
|
|
this.removeDotLayers() |
|
|
|
@ -184,7 +190,6 @@ export default { |
|
|
|
myMapZd = new GaodeMap({ |
|
|
|
pitch: 40.24716321414439, |
|
|
|
mapStyle: 'amap://styles/blue', |
|
|
|
// style: styleConfig.style, |
|
|
|
showLabel: false, |
|
|
|
center: [120.220563, 36.496127], |
|
|
|
token: 'fc14b42e0ca18387866d68ebd4f150c1', |
|
|
|
@ -193,7 +198,6 @@ export default { |
|
|
|
showIndoorMap: false, |
|
|
|
showBuildingBlock: false, |
|
|
|
resizeEnable: true, |
|
|
|
// doubleClickZoom: false, |
|
|
|
showRoad: false, |
|
|
|
viewMode: '3D' |
|
|
|
}) |
|
|
|
@ -317,10 +321,7 @@ export default { |
|
|
|
.source(data['育种企业']) |
|
|
|
.shape(images['育种企业']) |
|
|
|
.size('name', (val) => { |
|
|
|
if (gaoliang.some((item) => item === val)) { |
|
|
|
return 12 |
|
|
|
} |
|
|
|
return 10 |
|
|
|
return 8 |
|
|
|
}) |
|
|
|
scene.addLayer(dotLayer) |
|
|
|
} |
|
|
|
@ -329,10 +330,7 @@ export default { |
|
|
|
.source(data['育苗企业']) |
|
|
|
.shape(images['育苗企业']) |
|
|
|
.size('name', (val) => { |
|
|
|
if (gaoliang.some((item) => item === val)) { |
|
|
|
return 12 |
|
|
|
} |
|
|
|
return 10 |
|
|
|
return 8 |
|
|
|
}) |
|
|
|
scene.addLayer(dotLayer1) |
|
|
|
} |
|
|
|
@ -341,45 +339,49 @@ export default { |
|
|
|
.source(data['种植企业']) |
|
|
|
.shape(images['种植企业']) |
|
|
|
.size('name', (val) => { |
|
|
|
if (gaoliang.some((item) => item === val)) { |
|
|
|
return 12 |
|
|
|
} |
|
|
|
return 10 |
|
|
|
return 8 |
|
|
|
}) |
|
|
|
scene.addLayer(dotLayer2) |
|
|
|
// textLayer = new PolygonLayer({ |
|
|
|
// zIndex: 20 |
|
|
|
// }) |
|
|
|
// .source(data['种植企业']) |
|
|
|
// .color('name', 'rgba(126, 187, 255, 1)') |
|
|
|
// .shape('name', 'text') |
|
|
|
// .size(14) |
|
|
|
// .style({ |
|
|
|
// textAnchor: 'left', // 文本相对锚点的位置 center|left|right|top|bottom|top-left |
|
|
|
// // textOffset: [0, 40], // 文本相对锚点的偏移量 [水平, 垂直] |
|
|
|
// spacing: 2, // 字符间距 |
|
|
|
// padding: [2, 2], // 文本包围盒 padding [水平，垂直]，影响碰撞检测结果，避免相邻文本靠的太近 |
|
|
|
// stroke: '#666', // 描边颜色 |
|
|
|
// strokeWidth: 0.1, // 描边宽度 |
|
|
|
// raisingHeight: 300, |
|
|
|
// textAllowOverlap: true |
|
|
|
// }) |
|
|
|
// .active(true) |
|
|
|
// scene.addLayer(textLayer) |
|
|
|
} |
|
|
|
if (arr.some((item) => item === '加工企业')) { |
|
|
|
dotLayer3 = new PointLayer({ zIndex: 30 }) |
|
|
|
.source(data['加工企业']) |
|
|
|
.shape(images['加工企业']) |
|
|
|
.size('name', (val) => { |
|
|
|
if (gaoliang.some((item) => item === val)) { |
|
|
|
return 12 |
|
|
|
} |
|
|
|
return 10 |
|
|
|
return 8 |
|
|
|
}) |
|
|
|
scene.addLayer(dotLayer3) |
|
|
|
} |
|
|
|
dotLayer.on('click', (e) => { |
|
|
|
console.log('e::', e) |
|
|
|
if (gaoliang.some((item) => item === e.feature.properties.name)) { |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
} |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
}) |
|
|
|
dotLayer1.on('click', (e) => { |
|
|
|
if (gaoliang.some((item) => item === e.feature.properties.name)) { |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
} |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
}) |
|
|
|
dotLayer2.on('click', (e) => { |
|
|
|
if (gaoliang.some((item) => item === e.feature.properties.name)) { |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
} |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
}) |
|
|
|
dotLayer3.on('click', (e) => { |
|
|
|
if (gaoliang.some((item) => item === e.feature.properties.name)) { |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
} |
|
|
|
this.openCompanyDetail(e.feature.properties) |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -414,7 +416,7 @@ export default { |
|
|
|
|
|
|
|
.map-legeng { |
|
|
|
position: absolute; |
|
|
|
top: 550px; |
|
|
|
top: 535px; |
|
|
|
left: 654px; |
|
|
|
transform: scale(0.7) translate(-50%); |
|
|
|
width: 140px; |
|
|
|
|
