|
|
|
|
@ -30,6 +30,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import nationWide from '../../utils/nationWide.js';
|
|
|
|
|
import baseNew from './components/base'
|
|
|
|
|
@ -245,21 +246,12 @@ export default {
|
|
|
|
|
};
|
|
|
|
|
// 地图注册，第一个参数的名字必须和option.geo.map一致
|
|
|
|
|
this.$echarts.registerMap('china', nationWide.china);
|
|
|
|
|
console.log('区域编码',JSON.parse(localStorage.getItem('user')).areaAuthCode.slice(0, 6))
|
|
|
|
|
this.mapChart.setOption(this.mapOption);
|
|
|
|
|
//地图点位点击事件
|
|
|
|
|
this.mapChart.on('click', params => {
|
|
|
|
|
console.log(params)
|
|
|
|
|
// 获取点击的省份名称
|
|
|
|
|
let provinceName = params.name
|
|
|
|
|
// 判断点击的省份是否有标记点 有则只显示该省的标记 否则会将其他省份的坐标点一起显示
|
|
|
|
|
this.dataList.map(item => {
|
|
|
|
|
if (item.name == provinceName) {
|
|
|
|
|
this.mapOption.series[0].data = [item];
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
// 进入省级地图
|
|
|
|
|
nationWide.cityList.map(value => {
|
|
|
|
|
if (value.name.indexOf(provinceName) !== -1) {
|
|
|
|
|
|
|
|
|
|
if (value.code == JSON.parse(localStorage.getItem('user')).areaAuthCode.slice(0, 6)) {
|
|
|
|
|
console.log(111,value.code)
|
|
|
|
|
this.mapChart.clear();
|
|
|
|
|
this.mapOption.geo[0].map = 'Pmap';
|
|
|
|
|
this.mapOption.geo[1].map = 'Pmap';
|
|
|
|
|
@ -268,12 +260,35 @@ export default {
|
|
|
|
|
this.isreturn = true;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
})
|
|
|
|
|
//地图点位点击事件
|
|
|
|
|
// this.mapChart.on('click', params => {
|
|
|
|
|
// console.log(params)
|
|
|
|
|
// // 获取点击的省份名称
|
|
|
|
|
// let provinceName = params.name
|
|
|
|
|
// // 判断点击的省份是否有标记点 有则只显示该省的标记 否则会将其他省份的坐标点一起显示
|
|
|
|
|
// this.dataList.map(item => {
|
|
|
|
|
// if (item.name == provinceName) {
|
|
|
|
|
// this.mapOption.series[0].data = [item];
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
// // 进入省级地图
|
|
|
|
|
// nationWide.cityList.map(value => {
|
|
|
|
|
// if (value.name.indexOf(provinceName) !== -1) {
|
|
|
|
|
// this.mapChart.clear();
|
|
|
|
|
// this.mapOption.geo[0].map = 'Pmap';
|
|
|
|
|
// this.mapOption.geo[1].map = 'Pmap';
|
|
|
|
|
// this.$echarts.registerMap('Pmap', value.data)
|
|
|
|
|
// this.mapChart.setOption(this.mapOption);
|
|
|
|
|
// this.isreturn = true;
|
|
|
|
|
// }
|
|
|
|
|
// });
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
|
|
.cygh-wrap {
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
zhy521521
12 months ago