樊享禹-20230605

<div id="box"></div>
    <script>
        // console.log(cMap)
        // 内置主题
        // 1.dark
        // 2.light
        // 自定义主题
        // 1.下载中找到主题下载
        // 2.选择喜欢的主题
        // 3.下载js文件
        // 4.在后面导入
        // 5.使用js文件名到主题去使用
        // 6.修改主题的名称 - echarts.registerTheme(主题名称)

        let myChart = echarts.init(document.querySelector('#box'), 'myChartsTheme')
        // 加载动画
        // myChart.showLoading()
        // 假设3秒后数据已经加载完毕
        // 隐藏动画
        // setTimeout(() => {
        //     myChart.hideLoading()
        // }, 3000)

        // 参数一就是自定义个地图名称
        // 参数二就是地图数据
        echarts.registerMap('SXMap', sxMap)
        let option = {
            // 地理坐标系组件
            geo: {
                type: 'map',
                map: 'SXMap',
                // 是否可以缩放和拖拽
                roam: true,
                // 初始缩放比例
                zoom: 1.5,
                // 设置中心点
                center: [108.948024, 34.263161],

                label: {
                    // 是否显示标签。
                    show: true,
                }
            }
        }
        myChart.setOption(option)