Svg Highmaps中的GeoJSON绘制错误

Svg Highmaps中的GeoJSON绘制错误,svg,geojson,highmaps,Svg,Geojson,Highmaps,我在Highmaps中绘制GeoJSON图形时遇到问题。它绘制了正确的形状,但它绘制的镜像远低于它应该位于的位置 当我解析GeoJSON并用坐标创建SVG路径时,它会正确地绘制它,因此我知道GeoJSON文档中的坐标是正确的 任何帮助都将不胜感激 GeoJSON绘图代码: var series = { name: 'GeoJSON', mapData: geojson }; var chart = $('#container').highcharts(); char

我在Highmaps中绘制GeoJSON图形时遇到问题。它绘制了正确的形状,但它绘制的镜像远低于它应该位于的位置

当我解析GeoJSON并用坐标创建SVG路径时,它会正确地绘制它,因此我知道GeoJSON文档中的坐标是正确的

任何帮助都将不胜感激

GeoJSON绘图代码:

var series = {
    name: 'GeoJSON',
    mapData: geojson
  };
  var chart = $('#container').highcharts();

  chart.addSeries(series);
  var seriesdata = [];

  pointstring.forEach(function(thispointstring) {
    var thispointstringdata = {
      "id": name.toString(),
      "path": thispointstring
    };
    seriesdata.push(thispointstringdata);
  });

  var series = {
        'name': 'SVGPath',
    "data": seriesdata
  };

  var chart = $('#container').highcharts();

  chart.addSeries(series);
SVGPath图形代码:

var series = {
    name: 'GeoJSON',
    mapData: geojson
  };
  var chart = $('#container').highcharts();

  chart.addSeries(series);
  var seriesdata = [];

  pointstring.forEach(function(thispointstring) {
    var thispointstringdata = {
      "id": name.toString(),
      "path": thispointstring
    };
    seriesdata.push(thispointstringdata);
  });

  var series = {
        'name': 'SVGPath',
    "data": seriesdata
  };

  var chart = $('#container').highcharts();

  chart.addSeries(series);

(单击按钮绘制形状)

我已经找到了答案,并将为其他有相同问题的人发布答案


出于某种原因,Highmaps将SVGPath和GeoJSON的Y值视为相反。如果您获取所有Y值的绝对值,它将正确绘制GeoJSON。

您找到解决该问题的方法了吗?是的!我认为错误在于SVG路径忽略了负值。如果您获取所有Y值的绝对值,它将正确绘制GeoJSON。