const layer = new VectorLayer({
source: new VectorSource({
features: []
})
})
const marker = new Feature({
geometry: new Point(fromLonLat([117.283042, 31.86119]))
})
marker.setStyle(
new Style({
image: new Icon({
src: 'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
scale: 1
})
})
)
layer.getSource().addFeature(marker)
window.olMap.addLayer(layer)
window.olMap.getView().on('change:resolution', () => {
// 重新设置图标的缩放率
marker.setStyle(
new Style({
image: new Icon({
src: 'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
scale: window.olMap.getView().getZoom() / 10
})
})
)
})
vue3 + openlayers---根据地图层级改变icon的大小
最新推荐文章于 2024-06-14 23:30:00 发布