echarts设置地图大小比例,大小设置

最新推荐文章于 2025-06-30 10:16:14 发布

原创最新推荐文章于 2025-06-30 10:16:14 发布 · 5.7w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#java #javascript #地图

java 同时被 2 个专栏收录

14 篇文章

订阅专栏

jQuery

6 篇文章

订阅专栏

本文介绍了如何通过设置不同的属性来调整地图的布局和大小。具体包括调整地图长宽比的参数aspectScale，以及通过layoutCenter和layoutSize精确控制地图在屏幕上的位置和大小的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置地图大小可通过以下属性设置：

geo.aspectScale number

[ default: 0.75 ]

这个参数用于 scale 地图的长宽比。

最终的 aspect 的计算方式是：geoBoundingRect.width / geoBoundingRect.height * aspectScale

geo.layoutCenter Array

[ default: null ]

layoutCenter 和 layoutSize 提供了除了 left/right/top/bottom/width/height 之外的布局手段。在使用 left/right/top/bottom/width/height 的时候，可能很难在保持地图高宽比的情况下把地图放在某个盒形区域的正中间，并且保证不超出盒形的范围。此时可以通过 layoutCenter 属性定义地图中心在屏幕中的位置，layoutSize 定义地图的大小。如下示例

layoutCenter: ['30%', '30%'],
// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域
layoutSize: 100    设置这两个值后 left/right/top/bottom/width/height 无效。