diff --git a/src/assets/images/vsualized/mapopup1.png b/src/assets/images/vsualized/mapopup1.png new file mode 100644 index 0000000..d4ccce9 Binary files /dev/null and b/src/assets/images/vsualized/mapopup1.png differ diff --git a/src/components/centerMap.vue b/src/components/centerMap.vue index b2a5afa..d196ce8 100644 --- a/src/components/centerMap.vue +++ b/src/components/centerMap.vue @@ -8,7 +8,8 @@ @@ -203,7 +219,10 @@ div { ::v-deep() { .el-dialog { - background: url('@/assets/images/vsualized/mapopup.png') no-repeat left top; + background: url(iconUrl) no-repeat left top; + background-repeat: no-repeat; + background-size: cover; + border-radius: 8px !important; min-height: 200px; max-height: 500px; overflow-y: auto; diff --git a/src/views/business/components/businessMap.vue b/src/views/business/components/businessMap.vue index a061374..844329c 100644 --- a/src/views/business/components/businessMap.vue +++ b/src/views/business/components/businessMap.vue @@ -1,19 +1,25 @@ @@ -33,25 +39,23 @@ const doMapclick = (data) => { }; let markerData = reactive([ - [ - // 示例数据点,实际应用中应替换为真实的数据 - { - name: '永星食品加工厂', - value: [99.081993, 23.554045, 150], // 经度, 纬度, 数值 - symbol: 'image://' + getAssetsFile('images/vsualized/marker.png'), - itemStyle: { - color: '#4bffb4', // - }, + // 示例数据点,实际应用中应替换为真实的数据 + { + name: '永星食品加工厂', + value: [99.081993, 23.554045, 150], // 经度, 纬度, 数值 + symbol: 'image://' + getAssetsFile('images/vsualized/marker.png'), + itemStyle: { + color: '#4bffb4', // }, - { - name: '耿马镇', - value: [99.402267, 23.538889, 150], // 经度, 纬度, 数值 - symbol: 'image://' + getAssetsFile('images/vsualized/marker.png'), - itemStyle: { - color: '#4bffb4', // 勐永镇的颜色 - }, + }, + { + name: '欣欣种源企业', + value: [99.402267, 23.538889, 150], // 经度, 纬度, 数值 + symbol: 'image://' + getAssetsFile('images/vsualized/marker.png'), + itemStyle: { + color: '#4bffb4', // 勐永镇的颜色 }, - ], + }, ]);