Resizing a marker icon in OpenLayers 6

Question

I have an icon that 4px by 4px and I use it as a marker. However I want to display it larger than 4x4, lets say 40px x 40px for example. Here is my code
var iconStyle = new ol.style.Style({
                image: new ol.style.Icon(({
                    size: [40, 40],
                    offset: [-20, -20],
                    //anchor: [0.5, 1],                    
                    src: "/images/historymarker.png",
                    opacity: 1,
                    id: num + "_" + x
                }))
            });            
            marker.setStyle(iconStyle);

However the icons comes out as it original size, Is there a way to resize it? I thought that size would have done it.

geocodezip · Accepted Answer

You can use scale:
var iconStyle = new ol.style.Style({
                image: new ol.style.Icon(({
                    scale: 10,
                    offset: [-20, -20],
                    //anchor: [0.5, 1],                    
                    src: "/images/historymarker.png",
                    opacity: 1,
                    id: num + "_" + x
                }))
            });            
            marker.setStyle(iconStyle);

Documentation
Example with a scale of 0.5

Resizing a marker icon in OpenLayers 6

One Answer

Add your own answers!

Ask a Question