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);
});
到这里就完成了一个简单的地图制作了~
如图: