使用圆点显示隐藏标记openlayers 3

// 创建地图容器
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([0, 0]),
    zoom: 2
  })
});

// 创建圆点标记
var marker = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([0, 0]))
});

// 设置圆点样式
var markerStyle = new ol.style.Style({
  image: new ol.style.Circle({
    radius: 5,
    fill: new ol.style.Fill({
      color: 'red'
    }),
    stroke: new ol.style.Stroke({
      color: 'white',
      width: 2
    })
  })
});
marker.setStyle(markerStyle);

// 创建标记图层
var markerLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [marker]
  })
});
map.addLayer(markerLayer);

// 监听点击事件
map.on('click', function(event) {
  var feature = map.forEachFeatureAtPixel(event.pixel, function(feature) {
    return feature;
  });
  
  if (feature === marker) {
    // 点击圆点标记时显示或隐藏相关信息
    // 可以在这里实现相关操作，例如显示弹出窗口或切换信息的可见性
  }
});