echarts地图动态加载市县区数据

需求：需要获取全省的数据，展示出来，并且点击可深入到各个省市区，并且滚动滚轮可以退出省级市级

效果：

 实现：

1、思路：

1-1、通过调用接口获取地图json和数据，渲染上去，

1-2、当点击进入更深层级时，记录一下上一个层级的参数，方便滚轮退回上一层，然后调用接口获取地图json和数据重新渲染。

1-3、退回上一层级时，用上一个层级的参数去调用接口获取上一层级的地图json和数据重新渲染

2、代码

HTML

            <div class="echarts_item">
                <div class="title">
                    <div>{{ $t('home.map') }}div>
                div>
                <div class="echarts_center_box">
                    <div ref="map">div>
                    <div>
                        <div class="table">
                            <el-table stripe size="mini" height="100%" :data="tableData">
                                <el-table-column :label="$t('home.area')" show-overflow-tooltip>
                                    <template v-slot="{ row }">
                                        {{ row.province }}{{ row.city }}{{ row.area }}
                                    template>
                                el-table-column>
                                <el-table-column prop="orderCount" :label="$t('home.orderCount')">el-table-column>
                                <el-table-column prop="weight" :label="$t('home.weight')">el-table-column>
                                <el-table-column prop="price" :label="$t('home.price')">el-table-column>
                            el-table>
                        div>
                    div>
                div>
            div>

JS