확대/축소가 하이 맵에서 작동하지 않습니다.

Question

데모 섹션에서 하이 맵 예제를 가져 와서 확대가 잘 작동했습니다. 그런 다음 데이터 객체를 내 데이터로 대체하고 내 자신의 GeoJSON 데이터로 세계지도를 변경했습니다.

확대/축소가 더 이상 작동하지 않습니다.

참조하십시오 JSFiddle.

내가 지금까지 코드를 단순화하기 위해이 관리 :

var geoJson = { ... } 
var data = [...] 

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

    mapNavigation: { 
     enabled: true, 
     navigationButtons: true 
    }, 

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

    series: [{ 
     data: data, 
     mapData: geoJson, 
     joinBy: ['name', 'name'], 

    }] 
}); 

내가 줌 작업을 위해 무엇을 할 수 있는가?

Answer 1

이것은 버그 여야합니다. 좌표 데이터를 변경하면 작동합니다. jsFiddle는 :

var geoJson = { 
    "type": "FeatureCollection", 
     "features": [{ 
     "type": "Feature", 
     "properties": { 
      "name": "a" 
     }, 
      "geometry": { 
      "type": "Polygon", 
       "coordinates": [ 
       [ 
        [3125, 6250], 
        [5625, 6250], 
        [5624, 8750], 
        [3125, 8750], 
        [3125, 6250] 
       ] 
      ] 
     } 
    }, { 
     "type": "Feature", 
      "properties": { 
      "name": "b" 
     }, 
      "geometry": { 
      "type": "Polygon", 
       "coordinates": [ 
       [ 
        [6875, 6250], 
        [9375, 6250], 
        [9375, 8750], 
        [6875, 8750], 
        [6875, 6250] 
       ] 
      ] 
     } 
    }] 
}; 

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

    mapNavigation: { 
     enabled: true, 
    }, 

    series: [{ 
     mapData: geoJson 
    }] 
}); 

나는 GitHub의에 filing an issue 제안, 우리는 자세하게 들여다 것이다.