openlayers自適應(yīng)視圖/中心點(diǎn)定位

在開發(fā)gis應(yīng)用中，經(jīng)常碰到需要改變視圖來展示某個(gè)區(qū)域，如：
1.ol的定位功能

map.getView().setCenter([經(jīng)度,緯度])
map.getView().setZoom(11);

2.根據(jù)經(jīng)緯度，重新確定中心位置

// 方法1，絲滑的定位到中心點(diǎn)

map.getView().animate({ // 只設(shè)置需要的屬性即可
    center: [經(jīng)度,緯度 ], // 中心點(diǎn)
    zoom: 15, // 縮放級別
    rotation: undefined, // 縮放完成view視圖旋轉(zhuǎn)弧度
    duration: 1000 // 縮放持續(xù)時(shí)間，默認(rèn)不需要設(shè)置
})

// 方法2，直接定位到中心

var view = map.getView();
// 設(shè)置地圖中心，將地圖移動到中心點(diǎn)
view.setCenter(transform([經(jīng)度, 緯度], 'EPSG:4326', 'EPSG:3857'));
map.render();

3，多個(gè)坐標(biāo)的時(shí)候定位到某個(gè)區(qū)域，適應(yīng)去顯示這個(gè)范圍

map.getView().fit([
    X1,Y1,X2,Y2
])
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容