OpenLayers 3 图标投影

Question

我正在使用 OpenLayers 3 制作地图，我在 PostgreSQL 中有坐标 (EPSG:3857)，地图层是 OSM（与图标相同的投影，EPSG:3857）。

问题是当我增加缩放时，图标会消失……但如果我减少，图标就不会消失。

有人告诉我，投影的图标和图层必须相同。

有人可以帮帮我吗？

我是 StackOverFlow 的新手，

感谢您的宝贵时间，

恩里克。

注意：我的代码在 JSFiddle 中，可以看这里：jsfiddle.net/y3sLksg6/

Answer 1

尝试为每个标记单独设置样式，如下例所示，这是您的 jsfiddle 的副本：

function AddMarkers() {
//create a bunch of icons and add to source vector
  var sizeY = Object.size(coordenadas);
  var x = null;
  var y = null;

  for (var i = 0; i < sizeY; i++) {
    x = coordenadas[i].Longitude;
    y = coordenadas[i].Latitude;
    var iconFeature = new ol.Feature({
        geometry: new ol.geom.Point([x, y]),
        name: 'Marker ' + i,
        population: 4000,
        rainfall: 500
    });
    markers[i] = [x, y];

    var iconStyle = new ol.style.Style({
        image: new ol.style.Icon(({
           anchor: [0.5, 46],
           anchorXUnits: 'fraction',
           anchorYUnits: 'pixels',
           opacity: 0.75,
           src: './img/circleRed.png'
       }))
    });      
    // This is new !
    iconFeature.setStyle(iconStyle);

    vectorSource.addFeature(iconFeature);
 }
 return vectorLayer;
}