I'm placing custom markers on a vector layer, but the more downward a coordinates point is from the upper edge of a map, the more the marker shape is offset upwards from that point.
I'm using different map projection (EPSG:5514), so there is probably connection there.
What I need to know is, what to change in my code to center the marker shape on specified coordinates.
Relevant portion of the code:
var stroke = new ol.style.Stroke({color: 'red', width: 1});
var fill = new ol.style.Fill({color: 'red'});
function styleFunction(feature, text) {
feature.displayText = text;
return [
new ol.style.Style({
image: new ol.style.RegularShape({
fill: fill,
stroke: stroke,
points: 3,
radius: 8,
rotation: 0,
angle: 0
}),
text: new ol.style.Text({
font: '14px Calibri,sans-serif',
fill: new ol.style.Fill({ color: markerTextColor }),
stroke: new ol.style.Stroke({
color: textcolor_DKM, width: 1
}),
textAlign: 'left',
offsetX: 10,
offsetY: -2,
text: text
})
})
];
}
var vectorSource = new ol.source.Vector();
var markerVectorLayer = new ol.layer.Vector({
title: 'Notes',
visible: false,
source: vectorSource
});
var feature = new ol.Feature({
geometry: new ol.geom.Point(
ol.proj.fromLonLat([Number(lon), Number(lat)], 'EPSG:5514')
)
});
feature.setStyle(styleFunction(feature, desc));
vectorSource.addFeature(feature);
If you need more info, let me know.
Use the latest proj4.js library with OGC WKT string. Get proj4.js here:
https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.5.0/proj4.js
and you can go with the below line of code for projection definition:
proj4.defs('EPSG:5514', 'PROJCS["S-JTSK / Krovak East North",GEOGCS["S-JTSK",DATUM["System_Jednotne_Trigonometricke_Site_Katastralni",SPHEROID["Bessel 1841",6377397.155,299.1528128,AUTHORITY["EPSG","7004"]],TOWGS84[589,76,480,0,0,0,0],AUTHORITY["EPSG","6156"]],PRIMEM["Greenwich",0,AUTHORITY["EPSG","8901"]],UNIT["degree",0.0174532925199433,AUTHORITY["EPSG","9122"]],AUTHORITY["EPSG","4156"]],PROJECTION["Krovak"],PARAMETER["latitude_of_center",49.5],PARAMETER["longitude_of_center",24.83333333333333],PARAMETER["azimuth",30.28813972222222],PARAMETER["pseudo_standard_parallel_1",78.5],PARAMETER["scale_factor",0.9999],PARAMETER["false_easting",0],PARAMETER["false_northing",0],UNIT["metre",1,AUTHORITY["EPSG","9001"]],AXIS["X",EAST],AXIS["Y",NORTH],AUTHORITY["EPSG","5514"]]');
then when you need to use the projection, go with:
var proj = ol.proj.get('EPSG:5514');