openlayers地图旋转_Openlayers实现地图的基本操作

本文实例为大家分享了Openlayers实现地图基本操作的具体代码，供大家参考，具体内容如下

1、新建一个html页面，引入ol.js和ol.css文件，然后在body中创建一个Div标签和4个Button按钮，用来实现地图的放大、缩小、平移等功能；

2、代码实现

#menu

{

float : left;

position : absolute;

bottom : 10px;

font-size : 20px;

z-index : 2000;

}

window.onload = function () {

//实例化map对象并加载地图

var map = new ol.Map({

//存放地图目标容器

target: 'map',

//加载图层

layers: [

//新建一个瓦片地图图层

new ol.layer.Tile({

//瓦片地图数据源

source: new ol.source.OSM()

})

],

//初始化视图

view: new ol.View({

//视图中心点坐标

center: [12550000, 3680000],

//缩放等级

zoom: 8,

//最小缩放等级

minZoom: 6,

//最大缩放等级

maxZoom: 12,

//地图旋转30度