1

デモ セクションから Highmaps の例を取り上げましたが、ズームインは正常に機能していました。次に、データ オブジェクトを独自のデータに置き換え、世界地図を独自の 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'],

    }]
});

ズームを機能させるにはどうすればよいですか?

4

1 に答える 1

2

これはバグに違いありません。座標データを変更すると機能します。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 で問題を報告することをお勧めします。詳しく調査します。

于 2015-01-29T10:30:11.263 に答える