更改openlayer贴图颜色(深色和浅色样式)

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: 10 // 地图缩放级别
  })
});

var styleFunction = function(feature, resolution) {
  // 根据特定条件判断要使用的样式
  if (feature.get('type') === 'dark') {
    return new ol.style.Style({
      fill: new ol.style.Fill({
        color: 'rgba(0, 0, 0, 0.6)' // 深色样式的填充颜色
      }),
      stroke: new ol.style.Stroke({
        color: 'rgba(0, 0, 0, 1)', // 深色样式的边框颜色
        width: 2 // 边框宽度
      })
    });
  } else {
    return new ol.style.Style({
      fill: new ol.style.Fill({
        color: 'rgba(255, 255, 255, 0.6)' // 浅色样式的填充颜色
      }),
      stroke: new ol.style.Stroke({
        color: 'rgba(0, 0, 0, 1)', // 浅色样式的边框颜色
        width: 2 // 边框宽度
      })
    });
  }
};

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    // 添加矢量要素
    features: [
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([0, 0])), // 点要素的经纬度
        type: 'dark' // 设置要素类型为深色样式
      }),
      new ol.Feature({
        geometry: new ol.geom.Point(ol.proj.fromLonLat([10, 10])), // 点要素的经纬度
        type: 'light' // 设置要素类型为浅色样式
      })
    ]
  }),
  style: styleFunction // 应用样式函数
});

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