Highmaps 最小和最大缩放级别
Highmaps min and max zoom level
我正在尝试定义缩放级别的限制,我想增加它,用户可以在地图上进行。
因为对于我在地图上显示的某些国家/地区,有些区域太小以至于形状不可见,即使它们已正确定义到 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'
}
}
}]
});
找到解决方案:
在 xAxis 和 yAxis 上设置 minRange 属性:
要在此轴上显示的最小范围。就形状路径坐标而言,不允许整个轴跨越比这更小的间隔。默认为最小区域大小的5倍
$('#container').highcharts('Map', {
title : {
text : 'Zoom in on country by double click'
},
xAxis: {
minRange: 1
},
yAxis: {
minRange: 1
},
.....
我正在尝试定义缩放级别的限制,我想增加它,用户可以在地图上进行。 因为对于我在地图上显示的某些国家/地区,有些区域太小以至于形状不可见,即使它们已正确定义到 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'
}
}
}]
});
找到解决方案:
在 xAxis 和 yAxis 上设置 minRange 属性:
要在此轴上显示的最小范围。就形状路径坐标而言,不允许整个轴跨越比这更小的间隔。默认为最小区域大小的5倍
$('#container').highcharts('Map', {
title : {
text : 'Zoom in on country by double click'
},
xAxis: {
minRange: 1
},
yAxis: {
minRange: 1
},
.....