openLayer地图控件理解、学习和感悟

1.首先展示一个完整地图控件需要引入相关配置（ol.css、ol.de-bug.js）文件；

2.:(以矢量图层为例)

(1).设置图层数据源

//初始化矢量数据源

var source = new ol.source.Vector({

//指定要素

features: []

});

(2).

//初始化矢量图层

var vectorLayer = new ol.layer.Vector({

//数据源

source: source

});

(3).

//将矢量图层添加到map中

map.addLayer(vectorLayer);

//向地图中添加点击处理程序

map.on('click', function(evt) {

//坐标

console.log(evt.coordinate);

});

到这里就完成了一个简单的地图制作了~

如图：