Иконки меняют свое положение при увеличении и уменьшении карты.Я поделился своим фрагментом кода.Мне нужно знать, как держать метку в том же положении широты и долготы при масштабировании?Любая помощь будет оценена.
var featureList = [];
for (var i = 0; i < this.mapsList.data.length; i++) {
var feature = new Feature({
geometry: new Point([this.mapsList.data[i].PosX,
this.mapsList.data[i].PosY]),
ItemID: this.mapsList.data[i].ItemID
});
var iconStyle = new Style({
image: new Icon(
/** @type {module:ol/style/Icon~Options} */({
anchor: [0.5, 46],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
// scale: this.mapsList.map_meta[0].Scale,
opacity: 0.75,
src: 'assets/' + this.mapsList.data[i].IconName
})
)
});
feature.setStyle(iconStyle);
featureList.push(feature);
}
var vectorLayer = new VectorLayer({
source: new VectorSource({
features: featureList
})
});
var map = new Map({
layers: [layer, vectorLayer],
overlays: [overlay],
target: 'map',
/* */
view: new View({
center: [0, 0],
zoom: 1,
// adjust zoom levels to those provided by the source
resolutions: layer
.getSource()
.getTileGrid()
.getResolutions(),
// constrain the center: center cannot be set outside this extent
extent: extent
})
});