Создание пузырьковой карты из пользовательского GeoJson с Highcharts / Highmaps

Question

Я пытаюсь использовать Highmaps с пользовательским GeoJson, чтобы на моей карте появлялись пузырьки.

Я получил Ошибка # 22 * ​​1004 *, поэтому я следовал инструкциям здесь (есть также пример того, чего я пытаюсь достичь)

Я установил proj4 в свое приложение Angular (и также proj4js, но я получил предупреждение: proj4js@10.0.0: please use 'proj4' instead, proj4js is not maintained).Установки, казалось, работали без проблем.

Однако теперь я все еще получаю error # 21 от Highmaps, и я не могу понять, что не так.

Может ли кто-нибудь мне помочь?

Answer 1

После поиска неясных результатов Google вот что я сделал, чтобы перестать получать эту ошибку:

Я добавил это в свой GeoJson:

"type": "FeatureCollection",
"hc-transform": { // this part
    "default": {
        "crs": "a string defined like in Proj4 examples... I'm still struggling with it, to be honest"
    }
},
...

В начале моего углового компонентаfile:

var proj4 = require('proj4');

И внутри моего углового компонента:

ngOnChanges() { // it doesn't matter where you put it,
    if (!window['proj4']) { // as long as it happens before any Highmaps-related work
        window['proj4'] = proj4.default;
    }
}

Это решение было вдохновлено следующим результатом: https://gist.github.com/jon-a-nygaard/9437aad5d03c11c8c65604e4e7fba34b

Может быть, это поможет кому-то вбудущее.Ура!