echarts地图放大拖拽

最新推荐文章于 2024-08-05 15:16:48 发布

代码敲着敲着就睡了

最新推荐文章于 2024-08-05 15:16:48 发布

阅读量1.3k

点赞数

分类专栏： VUE 文章标签： echarts javascript

本文链接：https://blog.csdn.net/weixin_49261425/article/details/119931443

版权

本文详细介绍了如何使用ECharts库在JavaScript中实现地图的放大、缩小以及拖拽功能。通过设置ECharts配置项，可以轻松实现交互式的地图展示，提升用户体验。

摘要由CSDN通过智能技术生成

let option = {
              color: ['#FF8C00', '#00acea', '#1DE9B6'],
              tooltip: {
                trigger: 'item',
                formatter: '{b}'
              },
              geo: {
                map: '滁州',
                // aspectScale: 1, //长宽比
                // zoom: 1,
                roam: true, //是否允许缩放
                label: { //设置缩放后，发现地图区和县不显示了，只有鼠标划过才显示，因此设置为true
                    normal: {
                      show: true,
                      textStyle: {
                        color: '#d6fdef',
                        fontSize: 16
                      }
                    },
                    emphasis: {
                      textStyle: {
                        color: '#fff'
                      }
                    }
                },
                itemStyle: {
                  borderColor: 'rgba(147, 235, 248, 1)',