首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >高级地图限制变焦范围,放大

高级地图限制变焦范围,放大
EN

Stack Overflow用户
提问于 2015-02-09 17:25:26
回答 1查看 820关注 0票数 1

我正在使用Highmap,并通过在minRange属性中设置xAxis属性来限制缩放范围。

这限制了缩放因子,但当缩放过大时,除非拖动地图,否则不会再次放大。更准确地说,它允许你放大直到x轴完全可见,但是如果你的视口太宽,无法在这个特定的缩放步骤中显示地图的整个y-范围,你只能得到一个水平条纹。

代码语言:javascript
复制
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=world-population-density.json&callback=?', function (data) {

        // Initiate the chart
        $('#container').highcharts('Map', {

            title : {
                text : 'Zoom in on country by double click'
            },

            mapNavigation: {
                enabled: true,
                enableDoubleClickZoomTo: true
            },

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

            xAxis: {
                minRange: 5000 // <- prevent zooming in too much
            },

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

您可以在这里看到一个工作演示:http://jsfiddle.net/b9d0ry3t/

这是一个标准的Highmap演示,我只是在xAxis上添加了xAxis,而不是其他任何东西。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-05 04:10:35

最近的高级地图更新(2015年2月)解决了这一问题和许多其他问题。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28415604

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档