i want to add a marker on may map but i have to add pulsate class my marker like google map jsfiddle

can anyone help me? this is my code

 var vectorSource = new ol.source.Vector({
            //create empty vector
        var iconFeature = new ol.Feature({
            geometry: new ol.geom.Point(ol.proj.transform([42, 28)], 'EPSG:4326', 'EPSG:3857')),
            attribute: {}
        //var iconStyle = isemri.turnBackDefaultMarkerStyle(data[i].isemriKaynagi.name)

        //add the feature vector to the layer vector, and apply a style to whole layer
        var vectorLayer = new ol.layer.Vector({
            source: vectorSource,
            //style: iconStyle
        vectorLayer.setProperties({ attributes: {}, type: "marker" });

1 Answer 1


For a few "markers" a solution can be implement them as overlays and use CSS3 or SVG to animate them. See example: http://acanimal.github.io/thebookofopenlayers3/chapter06_markers_overlays.html

Take into account overlays does not offers a great performance, as you can see in the examples, when many overlays are animated.

This site is temporarily in read-only mode and not accepting new answers.

Not the answer you're looking for? Browse other questions tagged .