通过javascript - onload和via函数旋转OpenLayers3地图

时间:2014-01-21 23:52:54

标签: javascript openlayers

我创建了一个可以旋转的open layers 3地图。

如何在加载时或通过javascript更改地图的角度?在某些情况下,我希望地图加载南向上(180)或通过JavaScript函数更改地图的角度。

初始化地图的当前工作位于this fiddle

之下或之处
var map = new ol.Map({
interactions: ol.interaction.defaults().extend([
new ol.interaction.DragRotateAndZoom()]),
layers: [
new ol.layer.Tile({
    source: new ol.source.TileJSON({
        url: 'http://api.tiles.mapbox.com/v3/mapbox.blue-marble-topo-jul.jsonp',
        crossOrigin: 'anonymous'
    })
})],
renderers: ol.RendererHints.createFromQueryData(),
target: 'map',
view: new ol.View2D({
    center: ol.proj.transform([-120.0469, 45.6782], 'EPSG:4326', 'EPSG:3857'),
    zoom: 4
})

});

1 个答案:

答案 0 :(得分:3)

我通过使用setRotation()

来解决这个问题

在加载时,您可以使用

更新地图旋转
var view2D = map.getView().getView2D(); 
//get the current radians of the map's angle
var currentRadians=map.getView().getView2D().getRotation();     
//add .5 radians to the map's current getRotation() value
view2D.setRotation(currentRad.+1.5);