隐藏与高图的气泡图上的地图数据不相交的LAT / LON坐标

Question

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

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

所以我想知道是否有办法只在地图上显示与mapData相交的点，就像'joinBy'一样，检查lat / lon是否与mapData的形状相交。以下是我的代码的链接：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]
        }]
    });