openlayers3中的色点

问题描述 投票:0回答:1

如何更改标准图层3的标准蓝色和磅值?我喜欢这样:

while (lats.length > 0) {
            var layer = new ol.layer.Vector({
                source: new ol.source.Vector({
                    features: [
                        new ol.Feature({
                            geometry: new ol.geom.Point(ol.proj.transform([lons.shift(), lats.shift()], 'EPSG:4326', 'EPSG:3857'))
                        })
                    ]                    
                })
            }); 
            map.addLayer(layer);
        }

如果添加样式,则什么都不会改变,或者一切都将不起作用。如何在这里添加样式?

openlayers-3
1个回答
0
投票

这是答案:

var vectorSource = new ol.source.Vector({
            //create empty vector
        });

        var styleGreen = new ol.style.Style({
            image: new ol.style.Circle({
                radius: 7,
                fill: new ol.style.Fill({
                    color: 'green'
                })
            })
        });

        while (lats.length > 0) {
            var iconFeature = new ol.Feature({
                geometry: new ol.geom.Point(ol.proj.transform([lons.shift(), lats.shift()], 'EPSG:4326', 'EPSG:3857'))
            });
            vectorSource.addFeature(iconFeature);
        }       

        var vectorLayer = new ol.layer.Vector({
            source: vectorSource,
            style: styleGreen
        });

         map.addLayer(vectorLayer);
© www.soinside.com 2019 - 2024. All rights reserved.