Highcharts地图钻取后地图180度旋转问题解决方案

Highcharts.mapChart('container', {
    chart: {
        events: {
            // 当钻取下层地图时触发
            drilldown: function(e) {
                // 可在此处添加钻取下层前的自定义逻辑
                console.log('Drilling down to:', e.point.name);
            },
            // 当钻取返回上层地图时触发
            afterDrillUp: function(e) {
                // 核心修复：在钻取上溯后，将hasCoordinates设置为false
                // 这告诉Highcharts，当前视图（即顶层自定义SVG地图）不需要地理投影
                if (this.mapView && this.mapView.projection) {
                    this.mapView.projection.hasCoordinates = false;
                }
                console.log('Drilled up. Current map view projection hasCoordinates set to false.');
            }
        }
    },

    title: {
        text: 'Highcharts 地图钻取示例'
    },

    mapNavigation: {
        enabled: true,
        buttonOptions: {
            verticalAlign: 'bottom'
        }
    },

    plotOptions: {
        map: {
            states: {
                hover: {
                    color: '#EEDD66'
                }
            }
        }
    },

    // 假设 mapJason 包含顶层（如美国）的地图数据
    series: mapJason,

    drilldown: {
        activeDataLabelStyle: {
            color: '#FFFFFF',
            textDecoration: 'none',
            textOutline: '1px #000000'
        },
        breadcrumbs: {
            floating: true,
            relativeTo: 'spacingBox'
        },
        drillUpButton: {
            relativeTo: 'spacingBox',
            position: {
                x: 0,
                y: 60
            }
        },
        // drilldown.series 属性用于定义钻取下层的地图数据
        // 例如：
        // series: [{
        //     id: 'california',
        //     mapData: californiaMapData, // 加州的TopoJSON数据
        //     data: [...]
        // }]
    }
});