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

最新推荐文章于 2024-03-11 13:15:00 发布

Darling_for

最新推荐文章于 2024-03-11 13:15:00 发布

阅读量5.5w

点赞数 1

分类专栏： java jQuery 文章标签： java javascript 地图

本文链接：https://blog.csdn.net/darling_for/article/details/55511410

版权

java 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

jQuery

6 篇文章 0 订阅

订阅专栏

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

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 无效。