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。支持相對於屏幕寬高的百分比或者絕對的像素大小。

附上官網配置截圖：