Question

我正在尝试定义缩放级别的限制，我想增加它，用户可以去地图。因为对于我在地图上显示的某个国家，有一些区域非常小，形状不可见，即使它们被正确地定义到GeoJSON中，并且还有标签。

您可以从highmaps开发人员那里获取以下代码作为参考： http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/doubleclickzoomto/

$('#container').highcharts('Map', {
        title : {
            text : 'Zoom in on country by double click'
        },
        mapNavigation: {
            enabled: true,
            enableDoubleClickZoomTo: true
        },

        colorAxis: {
            min: 1,
            max: 1000,
            type: 'logarithmic'
        },

        series : [{
            data : data,
            mapData: Highcharts.maps['custom/world'],
            joinBy: ['iso-a2', 'code'],
            name: 'Population density',
            states: {
                hover: {
                    color: '#BADA55'
                }
            }
        }]
    });

Answer 1

找到了解决方案：

在xAxis和yAxis上设置 minRange 属性：

此轴上显示的最小范围。在形状路径坐标方面，不允许整个轴跨越比这更小的间隔。默认为最小区域大小的5倍。

$('#container').highcharts('Map', {
        title : {
            text : 'Zoom in on country by double click'
        },
        xAxis: {
            minRange: 1
        },
        yAxis: {
            minRange: 1
        },
 .....

Highmaps最小和最大缩放级别

1 个答案: