Question

我正在尝试导入自定义地图，并在海图中使用气泡地图类型；但是，我遇到了一个问题，即我无法在地图上看到气泡。以下是我将地图转换为适用于HighMaps的正确格式的步骤： 1.将GeoJSON（丹佛地图）导入QGIS 2.选定的EPSG：26754-NAD27 / Colorado Central用于CRS 3.将其导出为GeoJSON 4.将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/

在自定义高图GeoJSON文件上为气泡图找到正确的crs值时遇到问题

2 个答案: