elink-star
/
yifeng_integration
16
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

重点企业，种都地图打点

master
juwei001 1 year ago
parent
92f005711a
commit
57e920aab9
8 changed files with 994 additions and 178 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/images/map/keyQy/jiagong.png
  2. BIN
      src/assets/images/map/keyQy/yumiao.png
  3. BIN
      src/assets/images/map/keyQy/yuzhong.png
  4. BIN
      src/assets/images/map/keyQy/zhongzhi.png
  5. 95
      src/components/screen-map-legeng/index.vue
  6. 725
      src/views/next/screen-content-map/cpt/point.json
  7. 240
      src/views/next/screen-content-map/cpt/zdyf-map.vue
  8. 2
      src/views/next/screen-content-right/home-right/index.vue

BIN
src/assets/images/map/keyQy/jiagong.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
src/assets/images/map/keyQy/yumiao.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
src/assets/images/map/keyQy/yuzhong.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
src/assets/images/map/keyQy/zhongzhi.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

95
src/components/screen-map-legeng/index.vue
View File

@ -1,16 +1,18 @@
<template>
<div class="map-legeng">
<div class="flex">
<div class="item" v-for="(item, index) in list" @click="setMapPoint" :key="index">
<div
class="item"
:class="ifShow(item.name) + index"
v-for="(item, index) in list"
@click="selectQy(item.name)"
:key="index"
>
<img :src="item.imgSrc" alt="" />
<section>
<div>
<span :class="{ num: true, yellow: index === 4 }">{{
item.num
}}</span>
<span :class="{ units: true, yellow: index === 4 }">{{
item.units
}}</span>
<span class="num">{{ item.num }}</span>
<span class="units">{{ item.units }}</span>
</div>
<div class="name">{{ item.name }}</div>
</section>
@ -27,34 +29,53 @@ export default {
{
imgSrc: require('@/assets/images/map/legeng/qq.png'),
units: '家',
num: '10',
num: '14',
name: '育种企业'
},
{
imgSrc: require('@/assets/images/map/legeng/pz.png'),
units: '家',
num: '9',
num: '5',
name: '育苗企业'
},
{
imgSrc: require('@/assets/images/map/legeng/zz.png'),
units: '家',
num: '52',
num: '20',
name: '种植企业'
},
{
imgSrc: require('@/assets/images/map/legeng/sc.png'),
units: '家',
num: '30',
num: '6',
name: '加工企业'
}
]
],
selectArr: ['育种企业', '育苗企业', '种植企业', '加工企业']
}
},
created () {},
mounted () {
setTimeout(() => {
this.setMapPoint(this.selectArr)
}, 1000)
},
methods: {
setMapPoint () {
this.$EventBus.$emit('switcMapType', 'unit')
setMapPoint (selectArr) {
this.$EventBus.$emit('switcMapType1', selectArr)
},
selectQy (name) {
if (this.selectArr.some((item) => name === item)) {
this.selectArr = this.selectArr.filter(item => item !== name)
} else {
this.selectArr = [...this.selectArr, name]
}
this.setMapPoint(this.selectArr)
},
ifShow (name) {
if (this.selectArr.some((item) => name === item)) {
return 'selectd'
}
return ''
}
},
components: {},
@ -99,5 +120,49 @@ export default {
}
}
}
.selectd0 {
section {
.num {
color: rgba(255, 98, 67, 1);
}
.units {
color: rgba(255, 98, 67, 0.74);
}
}
}
.selectd1 {
section {
.num {
color: rgba(50, 204, 255, 1);
}
.units {
color: rgba(50, 204, 255, 0.74);
}
}
}
.selectd2 {
section {
.num {
color: rgba(253, 202, 120, 1);
}
.units {
color: rgba(253, 202, 120, 0.74);
}
}
}
.selectd3 {
section {
.num {
color: rgba(39, 228, 184, 1);
}
.units {
color: rgba(39, 228, 184, 0.74);
}
}
}
}
</style>

725
src/views/next/screen-content-map/cpt/point.json
View File

@ -1,71 +1,762 @@
{
"育种企业": {
"type": "FeatureCollection",
"name": "",
"features": [
{
"type": "Feature",
"properties": {
"name": "青岛德龙种子研发中心",
"name": "瑞克斯旺（中国）农业科技有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.224506,
36.542165
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛硕丰源种业有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.207301,
36.559783
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛国际种苗有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.206376,
36.555345
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛世农种苗有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.219312,
36.565069
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛黄泷种子有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.203251,
36.468723
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛德龙种子有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.215301,
36.517811
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛美田花木有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.207032,
36.565412
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛浩丰生物科技有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.243555,
36.483133
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛海育种业有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.24024,
36.465497
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛顺发种业有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.208949,
36.58008
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛信利来种业有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.227448,
36.451863
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛海育种业有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.20024,
36.465497
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛顺发种业有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.254949,
36.54008
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛信利来种业有限公司",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.247448,
36.451863
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛正大种鸡场",
"type": "marker",
"category": "unit",
"id": "11"
},
"geometry": {
"type": "Point",
"coordinates": [
120.217448,
36.551863
]
}
}
]
},
"育苗企业": {
"type": "FeatureCollection",
"name": "",
"features": [
{
"type": "Feature",
"properties": {
"name": "青岛润之禾农业科技有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.202739,
36.558909
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛旺禾农业科技有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.18472,
36.564018
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛旺禾农业科技有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [120.215568,36.517836]
"coordinates": [
120.18472,
36.504018
]
}
},
{
"type": "Feature",
"properties": {
"name": "瑞克斯旺农业科技有限公司",
"name": "青岛润之禾农业科技有限公司",
"type": "marker",
"category": "unit",
"id":"2"
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates":[120.2245,36.542161]
"coordinates": [
120.282739,
36.528909
]
}
},
{
"type": "Feature",
"properties": {
"name": "国家农业科技园",
"name": "青岛旺禾农业科技有限公司",
"type": "marker",
"category":"garden",
"id":"3"
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates":[120.204031,36.553108]
"coordinates": [
120.24472,
36.564018
]
}
}
]
},
"种植企业": {
"type": "FeatureCollection",
"name": "",
"features": [
{
"type": "Feature",
"properties": {
"name": "吉茂源农业科技有限公司",
"name": "青岛润涵食品有限公司",
"type": "marker",
"category":"garden",
"id":"4"
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates":[120.230002,36.582204]
"coordinates": [
120.18903,
36.552448
]
}
},
{
"type": "Feature",
"properties": {
"name": "德龙种子有限公司",
"name": "青岛备康蔬菜种植专业合作社",
"type": "marker",
"category":"garden",
"id":"5"
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates":[120.221626,36.468795]
"coordinates": [
120.259635,
36.502938
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛地平线蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.188286,
36.563778
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛诚一果蔬现代农业专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.207973,
36.538222
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛浩丰生物科技有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.240555,
36.483133
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛贸润蔬菜瓜果专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.162582,
36.54486
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛沽河青青蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.188286,
36.563778
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛恒源顺生态果蔬种植专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.196259,
36.51241
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛佳蔬蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.16755,
36.531503
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛春花秋实蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.267973,
36.538222
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛大丰收蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.20645,
36.489536
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛大欧庄户绿色食品有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.189507,
36.456081
]
}
},
{
"type": "Feature",
"properties": {
"name": "即墨区兆硕家庭农场",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.208705,
36.481948
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛湍湾生态农业科技发展有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.264708,
36.477422
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛佳蔬蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.18755,
36.501503
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛春花秋实蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.187973,
36.508222
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛大丰收蔬菜专业合作社",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.25645,
36.489536
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛大欧庄户绿色食品有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.189507,
36.486081
]
}
},
{
"type": "Feature",
"properties": {
"name": "即墨区兆硕家庭农场",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.248705,
36.481948
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛湍湾生态农业科技发展有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.264708,
36.483422
]
}
}
]
},
"加工企业": {
"type": "FeatureCollection",
"name": "",
"features": [
{
"type": "Feature",
"properties": {
"name": "青岛龙之园绿色食品有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.208239,
36.565807
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛银杏家食品有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.22248,
36.550282
]
}
},
{
"type": "Feature",
"properties": {
"name": "即墨区女儿村生态园食品厂",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.170083,
36.496712
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛润涵食品有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.18903,
36.552448
]
}
},
{
"type": "Feature",
"properties": {
"name": "移康（山东）农副产品有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.208412,
36.585586
]
}
},
{
"type": "Feature",
"properties": {
"name": "青岛麦飘香面粉有限公司",
"type": "marker",
"category": "unit",
"id": "1"
},
"geometry": {
"type": "Point",
"coordinates": [
120.212169,
36.59127
]
}
}
]
}
}

240
src/views/next/screen-content-map/cpt/zdyf-map.vue
View File

@ -48,6 +48,9 @@ let lineLayer
let textLayer
let dotTextLayer
let dotLayer
let dotLayer1
let dotLayer2
let dotLayer3
export default {
data () {
return {
@ -125,6 +128,9 @@ export default {
this.$EventBus.$on('switcMapType', (data) => {
this.switcMapType(data)
})
this.$EventBus.$on('switcMapType1', (data) => {
this.switcMapType1(data)
})
})
selectConfigList({ type: 2 }).then((res) => {
this.headerList = this.headerList.map((item) => {
@ -140,6 +146,10 @@ export default {
...mapActions({
set_qyjj: 'SET_QYJJ'
}),
async switcMapType1 (arr) {
this.removeDotLayers()
this.initDot(point, arr)
},
async switcMapType (type) {
if (type === 'Emap') {
this.mapType = null
@ -206,9 +216,9 @@ export default {
this.initFlow(type)
}
})
scene.on('click', (feature) => {
// console.log(feature);
})
// scene.on('click', (feature) => {
// // console.log(feature);
// })
},
initCircle () {
circleLayerSmall = new ImageLayer({})
@ -245,10 +255,10 @@ export default {
scene.addLayer(polygonLayer)
const that = this
circleLayerSmall.on('click', (ev) => {
// 处理点击事件的逻辑
that.initRoadLayer()
})
// circleLayerSmall.on('click', (ev) => {
// // 处理点击事件的逻辑
// that.initRoadLayer()
// })
},
initRoadLayer () {
if (circleLayerSmall) {
@ -267,10 +277,10 @@ export default {
})
scene.addLayer(roadLayer)
const that = this
roadLayer.on('click', (ev) => {
// 处理点击事件的逻辑
that.initPolygonLayer()
})
// roadLayer.on('click', (ev) => {
// // 处理点击事件的逻辑
// that.initPolygonLayer()
// })
},
initFlow () {
if (circleLayerSmall) {
@ -332,11 +342,10 @@ export default {
polygonLayer = new PolygonLayer({
autoFit: true
})
.size(1000)
.size(1)
.source(data)
.color('name', ['rgba(0,106,235, .9)'])
.shape('extrude')
// .shape("fill")
.style({
opacityLinear: {
enable: true, // true - false
@ -349,16 +358,8 @@ export default {
// targetColor: '#4ee8fc'
})
scene.addLayer(polygonLayer)
polygonLayer.on('mousemove', (e) => {
// console.log(e);
// if (e.feature.properties.content) {
// const popup = new Popup({
// offsets: [0, -0],
// closeButton: false
// })
// scene.addPopup(popup)
// }?
polygonLayer.on('click', (e) => {
console.log('111')
})
// 画区域边
lineLayer = new LineLayer({
@ -370,8 +371,7 @@ export default {
.size(1)
.color('name', styleConfig.lineColor)
.style({
opacity: 1,
raisingHeight: 300
opacity: 1
})
.animate({
interval: 1, // 间隔
@ -379,86 +379,147 @@ export default {
trailLength: 2 // 流线长度
})
scene.addLayer(lineLayer)
// textLayer = new PolygonLayer({
// zIndex: 20
lineLayer.on('click', (e) => {
console.log('222')
})
// lineLayer.on('mousemove', (e) => {
// console.log('e::', e)
// })
// .source(data)
// .color('name', styleConfig.textColor)
},
initDot (data, arr) {
scene.addImage(
'yuzhong',
require('@/assets/images/map/keyQy/yuzhong.png')
)
scene.addImage('yumiao', require('@/assets/images/map/keyQy/yumiao.png'))
scene.addImage(
'zhongzhi',
require('@/assets/images/map/keyQy/zhongzhi.png')
)
scene.addImage(
'jiagong',
require('@/assets/images/map/keyQy/jiagong.png')
)
// textOffset改为动态的 this.buttonIndex == 3 [10,60] 否则就是 [-30 60]
scene.removeLayer(dotLayer)
scene.removeLayer(dotLayer1)
scene.removeLayer(dotLayer2)
scene.removeLayer(dotLayer3)
// dotTextLayer = new PointLayer({
// zIndex: 21000000000
// })
// .source(data['育种企业'])
// .shape('name', 'text')
// .size(14)
// .color('#000')
// .size(11)
// .style({
// textAnchor: 'center', // 文本相对锚点的位置 center|left|right|top|bottom|top-left
// textOffset: [0, 40], // 文本相对锚点的偏移量 [水平, 垂直]
// spacing: 2, // 字符间距
// padding: [2, 2], // 文本包围盒 padding [水平，垂直]，影响碰撞检测结果，避免相邻文本靠的太近
// stroke: styleConfig.textStrokeColor, // 描边颜色
// strokeWidth: 0.1, // 描边宽度
// strokeOpacity: 0.8,
// strokeWidth: 1,
// strokeOpacity: 0.1,
// fontWeight: '500',
// stroke: '#fff',
// textOffset: [20, 0],
// raisingHeight: 300,
// textAllowOverlap: true
// heightfixed: true,
// textAnchor: 'left'
// })
// .active(true)
// scene.addLayer(textLayer)
const _this = this
polygonLayer.on('click', (e) => {})
},
initDot (data) {
scene.addImage('dotBto', require('@/assets/images/map/dot.png'))
scene.addImage('textBg', require('@/assets/images/map/textBg.png'))
// textOffset改为动态的 this.buttonIndex == 3 [10,60] 否则就是 [-30 60]
scene.removeLayer(dotTextLayer)
scene.removeLayer(dotLayer)
dotTextLayer = new PointLayer({
zIndex: 21
// scene.addLayer(dotTextLayer)
const images = {
育种企业: 'yuzhong',
育苗企业: 'yumiao',
种植企业: 'zhongzhi',
加工企业: 'jiagong'
}
if (arr.some((item) => item === '育种企业')) {
dotLayer = new PointLayer({
zIndex: 20000000
})
.source(data)
.shape('name', 'text')
.color('#000')
.size(11)
.source(data['育种企业'])
.shape(images['育种企业'])
.size(10)
.style({
strokeWidth: 1,
strokeOpacity: 0.1,
fontWeight: '500',
stroke: '#fff',
textOffset: [10, 0],
raisingHeight: 300,
heightfixed: true,
textAnchor: 'center-left'
layerType: 'fillImage',
heightfixed: true
})
scene.addLayer(dotTextLayer)
scene.addLayer(dotLayer)
// dotTextLayer = new PointLayer({
// zIndex: 2000000021
// })
// .source(data['种植企业'])
// .shape('name', 'text')
// .color('#000')
// .size(11)
// .style({
// strokeWidth: 1,
// strokeOpacity: 0.1,
// fontWeight: '500',
// stroke: '#fff',
// textOffset: [10, 0],
// raisingHeight: 300,
// heightfixed: true,
// textAnchor: 'center-left'
// })
// scene.addLayer(dotTextLayer)
dotLayer = new PointLayer({
zIndex: 20
// dotTextLayer.on('click', (e) => {
// console.log('eee1111')
// })
dotLayer.on('click', (e) => {
console.log('eee')
that.set_qyjj(true)
})
.source(data)
.shape('textBg')
.size(80)
}
if (arr.some((item) => item === '育苗企业')) {
dotLayer1 = new PointLayer({
zIndex: 20000000
})
.source(data['育苗企业'])
.shape(images['育苗企业'])
.size(10)
.style({
layerType: 'fillImage',
raisingHeight: 300,
heightfixed: true
})
scene.addLayer(dotLayer)
scene.addLayer(dotLayer1)
}
if (arr.some((item) => item === '种植企业')) {
dotLayer2 = new PointLayer({
zIndex: 20000000
})
.source(data['种植企业'])
.shape(images['种植企业'])
.size(10)
.style({
layerType: 'fillImage',
heightfixed: true
})
scene.addLayer(dotLayer2)
}
if (arr.some((item) => item === '加工企业')) {
dotLayer3 = new PointLayer({
zIndex: 20000000
})
.source(data['加工企业'])
.shape(images['加工企业'])
.size(10)
.style({
layerType: 'fillImage',
heightfixed: true
})
scene.addLayer(dotLayer3)
}
const that = this
dotTextLayer.on('click', (e) => {
dotLayer1.on('click', (e) => {
console.log('eee1')
that.set_qyjj(true)
})
dotLayer2.on('click', (e) => {
console.log('eee2')
that.set_qyjj(true)
})
dotLayer3.on('click', (e) => {
console.log('eee3')
that.set_qyjj(true)
})
// dotTextLayer.on("mousemove", (e) => {
// // console.log(e);
// if (e.feature.properties.content) {
// const popup = new Popup({
// offsets: [0, -0],
// closeButton: false,
// })
// .setLnglat(e.feature.geometry.coordinates)
// .setHTML(`<span>${e.feature.properties.content}</span>`);
// scene.addPopup(popup);
// }
// });
// dotTextLayer.on("unmousemove", (e) => { });
}
},
components: { chinaMap },
@ -486,7 +547,7 @@ export default {
left: 554px;
transform: translate(-50%);
width: 140px;
height: 220px;
height: 260px;
z-index: 10;
}
@ -586,7 +647,6 @@ export default {
opacity: 0.8; /* 控制透明度 */
animation: meteor-fall 5s linear infinite;
transform: rotate(186deg);
}
/* 动画关键帧 */

2
src/views/next/screen-content-right/home-right/index.vue
View File

@ -163,7 +163,7 @@ export default {
this.videoStatus = 'pause'
},
handelClickTalents () {
this.set_szyfTalents(true)
// this.set_szyfTalents(true)
}
},
components: {},

Write Preview
Loading…
Cancel
Save