openlayer地图添加位置点代码实现

添加位置点可以使用 `Vector Layer` 和 `Point Feature` 来实现。下面是一个简单的示例代码：

// 创建地图
var map = new ol.Map({
  target: 'map',  // 显示地图的目标元素
  layers: [
    // 添加一个OSM图层
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([120.13, 30.27]),  // 设置初始中心点坐标
    zoom: 10  // 设置初始缩放级别
  })
});

// 创建矢量图层
var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector(),
  style: new ol.style.Style({
    image: new ol.style.Circle({
      radius: 6,
      fill: new ol.style.Fill({color: 'red'}),
      stroke: new ol.style.Stroke({color: 'white', width: 2})
    })
  })
});

// 创建位置点要素
var point = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([120.13, 30.27])) // 经纬度转换为投影坐标
});

// 添加要素到矢量图层
vectorLayer.getSource().addFeature(point);

// 将矢量图层添加到地图
map.addLayer(vectorLayer);

在这个示例中，我们创建了一个基于 OpenStreetMap 的地图，并在其上添加了一个红色的位置点。你可以根据自己的需求修改其坐标、样式等属性。