难以在自定义高图GeoJSON文件上为气泡图找到正确的crs值

Question

我正在尝试导入自定义地图，并在高图中使用气泡图类型；但是，我遇到了一个问题，即我无法在地图上看到气泡。以下是我将地图转换为适用于HighMaps的正确格式的步骤：1.将GeoJSON（丹佛地图）导入QGIS2.选定的EPSG：26754-NAD27 / Colorado Central用于CRS3.将其导出为GeoJSON4.将GeoJSON导入我的应用]

我怀疑crs值不正确，但是不确定我是否朝着正确的方向前进。

[目前，我正在下面使用此GeoJSON：https://jsfiddle.net/amilford/5oxnavm1/1/

我们的最终目标是能够根据其lon，lat和z值在地图上绘制几个气泡。

[{name: "A", lat: 39.8207, lon: -104.7691, z: 100},{name: "B", lat: 39.7998, lon: -104.8687, z: 150},{name: "C", lat: 39.7981, lon: -104.4884, z: 200}]

在丹佛地图上。

[每当我尝试绘制更多点时，所有东西都相互堆叠，最后，我只能在屏幕上看到两叠点，而背景上没有地图。

如果我不尝试在其上绘制点并且该点似乎在其他非定制地图（例如世界地图或美国地图）上也可以使用，那么该地图似乎可以正常工作。

Answer 1

我在这里找到了解决方案：https://www.highcharts.com/forum/viewtopic.php?t=35170

结果是将地图上的'hc-transform'设置为：

{
    "default": {
         "crs": "WGS84"
    }
}

也为我工作！

Answer 2

我可以建议的另一种解决方案是使用x和y坐标来渲染所需的气泡。

Highcharts.getJSON('https://api.myjson.com/bins/1gwnh0', function(geojson) {

  console.log(geojson)
  // Initiate the chart
  Highcharts.mapChart('container', {
    chart: {
      map: geojson
    },
    xAxis: {
      visible: true
    },
    yAxis: {
      visible: true
    },
    series: [{
      data: [],
    }, {
      type: 'mapbubble',
      data: [{
        name: 'point1',
        x: -105,
        y: -39.75,
        z: 80
      }]
    }]
  });
});

请参见演示：https://jsfiddle.net/BlackLabel/q1v6u4xp/1/