Angular OpenLayers - 标记大小

Question

是否可以更改标记的自定义图标图像大小？如果我像这样设置内部样式大小

style: {
    image: {
        icon: {
            anchor: [0.5, 0.5],
            anchorXUnits: 'fraction',
            anchorYUnits: 'fraction',
            opacity: 1,
            size: [12, 12]
            src: 'images/map-marker.png'
            }
        }
    }

它只更改 12px x 12px 的标记大小，但内部图像保持原始大小。我可以使用指令更改我用于标记的图像大小吗？

Answer 1

经过一番研究，我找到了答案。 OpenLayers3 ol.style.Icon中有参数scale，可以在angular-openlayers指令中使用。

style: {
    image: {
        icon: {
            anchor: [0.5, 0.5],
            anchorXUnits: 'fraction',
            anchorYUnits: 'fraction',
            opacity: 1,
            scale: 0.5,
            src: 'images/map-marker.png'
            }
        }
    }

我用这个问题来寻求帮助

Angular OpenLayers - 标记大小

Angular OpenLayers - Marker size

angularjs

openlayers-3

angular-openlayers