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 scale中有参数ol.style.Icon，它可以在angular-openlayers指令中使用。

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

我使用此问题寻求帮助How do I decrease the size of Icon in openlayers 3, i am using bing maps

Angular OpenLayers - 标记大小

1 个答案: