Highmaps 最小和最大缩放级别答案

【问题标题】：Highmaps min and max zoom levelHighmaps 最小和最大缩放级别
【发布时间】：2016-08-08 21:59:22
【问题描述】：

我正在尝试定义缩放级别的限制，我想增加它，用户可以在地图上进行。因为对于我在地图上显示的某些国家/地区，有些区域太小以至于形状不可见，即使它们在 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'
                }
            }
        }]
    });

【问题讨论】：

标签： javascript highcharts gis highmaps

【解决方案1】：

找到解决方案：

在 xAxis 和 yAxis 上设置 minRange 属性：

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

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

【讨论】：