Vega Lite 地理图

Question

我是 Vega Lite 的新手。已经尝试了几个小时，但在如何绘制多边形方面没有运气。我知道 Vega Lite 网站上有一个代码示例，但是，他们总是在“data”参数中使用 url。我面临的问题是我使用的软件有 Vega 支持，但“data”参数是只读的，因此我无法使用已经编码的解决方案。

“data”参数现在看起来像这样，只读，所以我无法编辑它。

  "data": {"values": [{"ISO_3": "USA"}]}

这是我目前拥有的，但不幸的是没有绘制。我的想法是加入 ISO_3。在 Vega 编辑器中，我实际上可以看到连接已正确完成，甚至我有几何图形，但绘图不起作用，但不知道我在这里缺少什么。

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "width": 500,
  "height": 500,
  "transform": [
    {
      "lookup": "ISO_3",
      "from": {
        "data": {
          "url": "https://raw.githubusercontent.com/datasets/geo-countries/main/data/countries.geojson",
          "format": {"property": "features"}
        },
        "key": "properties.ISO_A3",
        "fields": ["properties.ADMIN","geometry"]
      }
    }
  ],
  "mark": {"type": "geoshape","stroke": "black","strokeWidth": 0.5}
}

Answer 1

试试这个：

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "width": 800,
  "height": 800,
  "projection": {"type": "mercator"},
  "data": {"values": [{"ISO_3": "USA"}]},
  "transform": [
    {
      "lookup": "ISO_3",
      "from": {
        "data": {
          "url": "https://raw.githubusercontent.com/datasets/geo-countries/main/data/countries.geojson",
          "format": {"property": "features"}
        },
        "key": "properties.ISO_A3",
        "fields": ["properties.ADMIN", "geometry"]
      }
    }
  ],
  "layer": [
    {
      "data": {
        "url": "data/us-10m.json",
        "format": {"type": "topojson", "feature": "states"}
      },
      "mark": {"type": "geoshape", "fill": "lightgray", "stroke": "red"}
    }
  ]
}