使用Highcharts / Highmaps从自定义GeoJson创建气泡图

时间:2018-10-12 09:02:33

标签: highcharts

我正在尝试将Highmaps与自定义GeoJson配合使用,以使气泡出现在我的地图上。

我有error #22,所以我按照说明here进行操作(这也是我要达到的目标的一个示例)

我在Angular应用程序中安装了proj4(也安装了proj4js,但收到警告:scala> val df = spark.read.text("errors.txt") df: org.apache.spark.sql.DataFrame = [value: string] scala> df.show +------+ | value| +------+ |line 1| | ERROR| |line 2| | ERROR| +------+ scala> val errors = df.filter(row => row.getString(0).contains("ERROR")) errors: org.apache.spark.sql.Dataset[org.apache.spark.sql.Row] = [value: string] scala> errors.collect.foreach(println) [ERROR] [ERROR] )。这些安装似乎可以正常工作。

但是,现在我仍然可以从Highmaps那里获得error #21,而且我不知道出了什么问题。

有人可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

搜寻模糊的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"
    }
},
...

在Angular组件文件的开头:

var proj4 = require('proj4');

在我的Angular组件中:

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

也许这会在将来对某人有所帮助。干杯!