Пользовательские точки географической карты не работают в highmap - PullRequest
Новая
       37

Пользовательские точки географической карты не работают в highmap

0 голосов
/ 06 октября 2018

Я создал пользовательскую географическую карту для региона США с двумя штатами, выделенными геоджоновыми данными.Сработала базовая карта США и выделенные штаты.

Но я не могу указать столицы США, используя другой набор данных geoJson для столиц США.Точно так же я пытаюсь добавить несколько пузырьков в разных местах в США.Но и точки и пузыри не работают в MAP.

Чего мне не хватает для отображения карт и пузырьков из данных геоджон?

JS fiddle - 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]
    }
   ]
});
...