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

附上官網配置截圖：