openlayers - バウンディングボックスでマップを中央に揃える方法

Question

指定されたバウンディングボックスでマップを中央に配置しようとしています。 OpenLayers FAQにも（swissProjectionを使って）その例がありますが、うまくいきません。いくつかのフォーラムで見て、それを動作させる方法を理解できません。

多分誰かが知っています。ここで

はコードです：

var extent = [-9022321.0707,3022167.2243,-8849726.2608,3148441.1951]; 

var projection = new ol.proj.Projection({ 
    code: 'EPSG:3857', 
    extent: extent, 
    units: 'm' 
}); 
ol.proj.addProjection(projection); 

var map = new ol.Map({ 
    layers: [ 
    new ol.layer.Tile({ 
     source: new ol.source.OSM() 
    }) 
    ], 
    target: 'map', 
    view: new ol.View({ 
    projection: projection, 
    center: [0,0], 
    zoom: 0 
    }) 
}); 

Answer 1

あなたのコードが正しいですが、中心はあなたの範囲の範囲外です。それを修正するには2つの方法があります。

まず、有効なビューの中心とレベルを設定します。

例えば）

view: new ol.View({ 
    projection: projection, 
    center: [-8936023.66575, 3085304.2097], // guess it's the center of extent 
    zoom: 8 // whatever you want. 
}) 

次に、代わりProjectionにextent設定View.fitを使用します。

var projection = new ol.proj.Projection({ 
    code: 'EPSG:3857', 
    //extent: extent, 
    units: 'm' 
}); 
... 
map.getView().fit(extent);