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

 设置地图大小可经过如下属性设置：

 

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 定义地图的大小。以下示例

1.  
   layoutCenter: ['30%', '30%'],
2.  
   // 若是宽高比大于 1 则宽度为 100，若是小于 1 则高度为 100，保证了不超过 100x100 的区域
3.  
   layoutSize : 100

设置这两个值后  无效。left/right/top/bottom/width/height

 

geo.layoutSize number, string

 

地图的大小，见 layoutCenter。支持相对于屏幕宽高的百分比或者绝对的像素大小。

附上官网配置截图：