openlayers地图多位置点
时间: 2023-07-22 22:44:00 浏览: 158
多点地图
要在OpenLayers地图上添加多个位置点,可以使用VectorLayer和Point来实现。以下是一个简单的例子:
```javascript
// 创建地图
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.fromLonLat([116.3975, 39.9086]),
zoom: 10
})
});
// 创建一个VectorLayer用于添加点
var vectorLayer = new ol.layer.Vector({
source: new ol.source.Vector()
});
// 创建多个点
var points = [
[116.3975, 39.9086],
[116.4166, 39.9087],
[116.4499, 39.9149],
[116.3891, 39.9042]
];
// 将每个点作为一个Feature添加到VectorLayer上
points.forEach(function(point) {
var feature = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.fromLonLat(point))
});
vectorLayer.getSource().addFeature(feature);
});
// 将VectorLayer添加到地图上
map.addLayer(vectorLayer);
```
这样就可以在地图上添加多个位置点了。
阅读全文