我为美国区域创建了一个自定义地理地图,其中有两个州突出显示了geojson数据。美国基本地图和突出显示的州都可以使用。
但是我无法使用美国首都的另一套地理地理数据来指向美国首都。同样,我尝试在美国地图的不同位置添加几个气泡。但是,点和气泡在MAP中均不起作用。
从geojson数据中显示地图点和地图气泡时我缺少什么?
JS小提琴是https://jsfiddle.net/s9mqcefp/300/
chart = Highcharts.mapChart('container', {
title: {
text: 'Highmaps lat/lon demo'
},
series: [{
name: 'Basemap',
mapData: usStates,
borderColor: '#606060',
nullColor: 'rgba(200, 200, 200, 0.2)',
showInLegend: true
},
{
name: 'Highlighted',
mapData: usStatesHighLight,
type:'map',
borderColor: '#ff0000',
nullColor: Highcharts.getOptions().colors[7], //'rgba(200, 0,0, 0.2)',
showInLegend: true,
color: Highcharts.getOptions().colors[7]
}, {
type: 'mappoint',
dataLabels: {
enabled: true,
format: 'Capital',
allowOverlap: true
},
name: 'Capitals',
mapData: usCapitals,
color: Highcharts.getOptions().colors[5]
},
{
type: 'mapbubble',
dataLabels: {
enabled: true,
format: 'State',
allowOverlap: true
},
name: 'Radius/Region',
mapData: radiusData,
color: Highcharts.getOptions().colors[3]
}
]
});