Vega Lite地理图表是否支持鼠标滚轮缩放功能？

Vega Lite的地理图表原生支持缩放和平移交互，你参考的示例默认未开启该功能，只需手动添加配置即可启用。

快速启用默认缩放平移 #

最简单的方式是在图表的projection配置中加入interactive: true，自动绑定鼠标滚轮缩放与拖拽平移功能：

{
  "projection": {
    "type": "mercator",
    "interactive": true
  },
  // 原有mark、data、encoding等配置保持不变
}

自定义缩放交互行为 #

如果需要精细控制（比如限制缩放范围、调整触发方式），可以通过selection配置实现：

{
  "selection": {
    "geoZoom": {
      "type": "interval",
      "bind": "scales",
      "translate": "[mousedown, window:mouseup] > window:mousemove!",
      "zoom": "wheel!",
      "zoomConstraint": {"min": 1, "max": 20} // 限制缩放比例范围
    }
  },
  "projection": {
    "type": "mercator",
    "scale": {"domain": {"selection": "geoZoom"}}
  },
  // 原有配置保持不变
}

补充说明 #

• interactive: true是Vega Lite为地理投影提供的快捷配置，自动生成基础交互逻辑。
• 通过selection可定制交互触发规则、缩放边界等细节，适配复杂场景需求。

内容的提问来源于stack exchange，提问作者Denys