Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/shell/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Geojson在尝试在vega中渲染时会失真_Geojson_Vega - Fatal编程技术网

Geojson在尝试在vega中渲染时会失真

Geojson在尝试在vega中渲染时会失真,geojson,vega,Geojson,Vega,我尝试在vega中呈现geojson。 我发现这个例子效果很好: 然而,当试图用我的一个geojson替换geojson时,这些特性会被完全扭曲 {"$schema": "https://vega.github.io/schema/vega/v3.0.json", "width": 500, "height": 600, "autosize": "none", "signals": [ { "name": "translate0", "updat

我尝试在vega中呈现geojson。 我发现这个例子效果很好:

然而,当试图用我的一个geojson替换geojson时,这些特性会被完全扭曲

{"$schema": "https://vega.github.io/schema/vega/v3.0.json",
  "width": 500,
  "height": 600,
  "autosize": "none",
  "signals": [
    {
      "name": "translate0",
      "update": "width / 2"
    },
    {
      "name": "translate1",
      "update": "height / 2"
    }
  ],
  "projections": [
    {
      "name": "projection",
      "type": "mercator",
      "scale": 1000,
      "rotate": [
        0,
        0,
        0
      ],
      "center": [
        17,
        -3
      ], 
      "translate": [
        {
          "signal": "translate0"
        },
        {
          "signal": "translate1"
        }
      ]

    }
  ],
  "data": [
    {
      "name": "drc",
      "url": "https://gist.githubusercontent.com/thomas-maschler/ef9891ef03ed4cf3fb23a4378dab485e/raw/47f3632d2135b9a783eeb76d0091762b70677c0d/drc.geojson",
      "format": {
        "type": "json",
        "property": "features"
      }
    }
  ],
  "marks": [
    {
      "type": "shape",
      "from": {
        "data": "drc"
      },
      "encode": {
        "update": {
          "strokeWidth": {
            "value": 0.5
          },
          "stroke": { 
            "value": "darkblue"
          },
          "fill": {
            "value": "lightblue"
          },
          "fillOpacity": {
            "value": 0.5
          }
        },
        "hover": {
          "fill": {
            "value": "#66C2A5"
          },
          "strokeWidth": {
            "value": 2
          },
          "stroke": {
            "value": "#FC8D62"
          }
        }
      },
      "transform": [
        {
          "type": "geoshape",
          "projection": "projection"
        }
      ]
    }
  ]
}
这是他们应该看起来的样子

我做错了什么

谢谢


托马斯不知道发生了什么事。您的geojson似乎已损坏,但并不像我最终在www.mapshaper.org中解析的那样。我将文件减少到35%,然后正常解析:

下面是Vega lite规范(如果需要,在编辑器中编译为Vega代码):


在我看来,你的geojson可能有问题:嘿@RobinL,我在Github上保存了geojson,在这里它画得很好。
{
  "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
  "width": 700,
  "height": 500,
  "config": {"view": {"stroke": "transparent"}},
  "layer": [
    {
      "data": {
        "url": "https://gist.githubusercontent.com/mattijn/2ce897c2020a6e5b7ae6baf03dffe179/raw/564b6d484657864dcb77d0bb18db00fc7dc7668d/drc.geojson",
        "format": {"type": "json", "property": "features"}
      },
      "mark": {"type": "geoshape", "stroke": "white", "strokeWidth": 1},
      "encoding": {"color": {"value": "#bcbcbc"}}
    }
  ]
}