openlayer 添加标注

你可以使用 OpenLayers 库来向地图上添加标注。以下是一个示例代码，演示如何在地图上添加一个简单的标注：

// 创建地图视图
var map = new ol.Map({
  target: 'map', // 指定地图容器的 ID
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM() // 添加 OpenStreetMap 图层
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([0, 0]), // 设置初始中心点坐标
    zoom: 2 // 设置初始缩放级别
  })
});

// 创建一个矢量层
var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector()
});

// 创建一个标注
var marker = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([10,10])) // 设置标注的位置坐标
});

// 添加标注到矢量层
vectorLayer.getSource().addFeature(marker);

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

在上述代码中，我们首先创建一个地图视图，然后添加一个 OpenStreetMap 图层。接下来，我们创建一个矢量层和一个标注，通过设置标注的位置坐标来指定其在地图上的位置。最后，将矢量层添加到地图中。

你可以根据自己的需求来修改标注的位置、样式和其他属性。希望这能帮到你！