echarts地图鼠标滚动控制缩放大小比例

最新推荐文章于 2024-10-24 10:23:58 发布

原创最新推荐文章于 2024-10-24 10:23:58 发布 · 3w 阅读

19 ·

CC 4.0 BY-SA版权

echarts 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍如何在ECharts中配置地图系列，包括设置中心点、缩放比例、平移和缩放功能以及滚轮缩放限制。通过具体代码示例，帮助读者快速掌握地图系列的高级定制技巧。

添加以下代码就可以

series: [{
    type: "map",
    map: name,
    // center: [104.114129, 37.550339],//当前视角的中心点
    zoom: 1, //当前视角的缩放比例
    roam: true, //是否开启平游或缩放
    scaleLimit: { //滚轮缩放的极限控制
      min: 1,
      max: 2
    },
  }]

可以去官方文档再详细看看

https://echarts.baidu.com/option.html#series-map.roam