javascript - 在 Highchart 的气泡图上隐藏与 mapData 不相交的 LAT/LON 坐标

Question

我在世界地图上显示了一组来自世界各地的未经过滤的地理坐标。

我的地图具有向下钻取功能，通过单击一个国家，我只想显示属于特定国家并与 mapData 相交的点。但是通过使用相同的未过滤数据集渲染地图，所有点都会显示出来，无论它们是否在 mapData 上。

所以我想知道是否有办法只在地图上显示与mapData相交的点，比如检查纬度/经度是否与mapData的形状相交的“joinBy”。这是我的代码的链接：http: //jsfiddle.net/0bu5sjsh/

var data = [];


    var wantedPoint = {
        city: "Cologne",
        lat: 50.93333,
        lon: 6.95,
        z: 1017000
    };

    var unwantedPoint = {
        city: "Zürich",
        lat: 47.36667,
        lon: 8.55,
        z: 366765
    };

    data.push(wantedPoint);
    data.push(unwantedPoint);

    $('#container').highcharts('Map', {
        series: [{
            name: 'Basemap',
            mapData: map,
            borderColor: '#606060',
            nullColor: 'rgba(200, 200, 200, 0.2)',
            showInLegend: false
        }, {
            type: 'mapbubble',
            dataLabels: {
                enabled: true,
                format: '{point.city}'
            },
            name: 'Cities',
            data: data,
            maxSize: '12%',
            color: H.getOptions().colors[0]
        }]
    });