世界地図に表示する世界中のフィルタリングされていない地理座標のセットがあります。
私の地図にはドリルダウン機能があり、特定の国に属し、mapData と交差するポイントのみを表示したい国をクリックします。しかし、フィルタリングされていない同じデータセットを使用してマップをレンダリングすると、mapData 上にあるかどうかに関係なく、すべてのポイントが表示されます。
したがって、緯度/経度がmapDataの形状と交差するかどうかをチェックする「joinBy」のような、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]
}]
});