openlayers3基础点线面添加

// 单个点
var ces = new ol.source.Vector();
cesguan = new ol.Feature({
geometry: new ol.geom.Point([113.7538, 31.0008]),
});
ces.addFeature(cesguan);
cesLayer1 = new ol.layer.Vector({
source: ces,
style: new ol.style.Style({
image: new ol.style.Icon({
// color:’#4271AE’,
src: ‘images/dian.png’
}),
text: new ol.style.Text({
textAlign: ‘left’,
textBaseline: ‘bottom’,
font: ‘normal 14px Arial’,
fill: new ol.style.Fill({ color: ‘#fff’ }),
stroke: new ol.style.Stroke({ color: ‘blue’, width: 1 }),
offsetX: 10,
offsetY: 30,
rotation: 0,
})
})
});
map.addLayer(cesLayer1);
// 多个点
// 坐标
var lnglats = [
[116.963, 36.623],
[116.980, 36.620],
[116.999, 36.640],
[117.029, 36.639],
[117.055, 36.643],
[117.168, 36.659]
]
// 创建Feature对象集合
var feature1 = [];
for(var i = 0; i< lnglats.length;i++){
feature1.push(new ol.Feature({
geometry: new ol.geom.Point(lnglats[i]),
}));
}
ces = new ol.source.Vector({
features: feature1
})
cesLayer1 = new ol.layer.Vector({
source: ces,
});
map.addLayer(cesLayer1);

//画线
var ces = new ol.source.Vector();
cesguan = new ol.Feature({
geometry: new ol.geom.LineString([[113.7538, 31.0008], [113.7538, 33.0008]])
});
ces.addFeature(cesguan);
cesLayer1 = new ol.layer.Vector({
source: ces,
});
map.addLayer(cesLayer1);
//画面
var ces = new ol.source.Vector();
cesguan = new ol.Feature({
geometry: new ol.geom.Polygon([[[113.7538, 31.0008], [113.7538, 31.0108], [113.7528, 31.0108],[113.7538, 31.0008]]])
});
ces.addFeature(cesguan);
cesLayer1 = new ol.layer.Vector({
source: ces,
});
map.addLayer(cesLayer1);