openlayers 实现根据点击地图得到坐标进行地图标注

要实现根据点击地图得到坐标进行地图标注，可以使用 OpenLayers 提供的事件监听器来实现。具体步骤如下：

1. 创建一个地图容器

<div id="map" style="width: 100%; height: 500px;"></div>

2. 初始化地图

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([120.15, 30.28]), // 设置地图中心点
    zoom: 10 // 设置地图缩放级别
  })
});

3. 监听地图的 click 事件

map.on('click', function(evt) {
  var coord = evt.coordinate; // 获取点击的坐标
  console.log(coord); // 在控制台输出坐标信息
});

4. 根据点击的坐标添加标注

var layer = new ol.layer.Vector({
  source: new ol.source.Vector(),
  style: new ol.style.Style({
    image: new ol.style.Icon({
      src: 'https://openlayers.org/en/v4.6.5/examples/data/icon.png'
    })
  })
});
map.addLayer(layer);

map.on('click', function(evt) {
  var coord = evt.coordinate;
  var feature = new ol.Feature(new ol.geom.Point(coord));
  layer.getSource().addFeature(feature); // 添加标注
});

以上代码实现了在 OpenLayers 中根据点击地图得到坐标进行地图标注的功能。需要注意的是，添加标注时需要先创建一个矢量图层，并将其添加到地图中。同时，需要为标注指定样式，这里使用了一个简单的图标作为标注样式。