I know similar questions have been asked before but their answers don't help me. I'm trying to use Fontawesome-Icons as markers in an Openlayers map like this: const svg = ` <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.2…
Using this piece of code: function displayPixelValue(event) { const filteredLayers = map.getAllLayers().filter(function (layer) { return layer.get('name'); }); for (let i=0; i<filteredLayers.length; i++) { let reliefPattern = "_mbpd_"; if (filteredLayers[i].get('name').match(reliefPattern)) { const reliefValue = filteredLayers[i].getData(event.pixel); console.log(reliefValue); } } } map.on(['pointermove'], displayPixelValue);…
I have a gps tracking service tha is monitoring data (ex cars) from database on the openlyers map realtime. I want to use websocket. So what is the best for backend . Django channels or nodejs?? I want to use…
Map controls do not respond correctly to css instructions. The position can be determined using css, the label can be changed using properties. Any other modifications using css either do not work at all or incorrectly. For example: "background-color", "color",…
I am using Openlayers to create maps in a Vite React Typescript project. I am creating two maps and setting them to div elements like this: const mapRef1 = useRef<HTMLDivElement>(null) const mapRef2 = useRef<HTMLDivElement>(null) useEffect(()=>{ if(!mapRef1.current) return const map1 =…
Inside useEffect, the useState Boolean value does not change. Please help me. I'm trying to make a modal window pop up when a marker is clicked in the openlayers map. Since the openlayers map is executed inside useEffect, the marker…
I have a polygon which should be converted to line segment .How can this be achieved?? I have tried the following code but it didn't work Here is my code : selectedPointGeom = interactionselect.getFeatures().getArray(); polygeom=selectedPointGeom[0].getGeometry().getCoordinates(); if(polygeom!=undefined){ lineCoords = polygeom[0].slice(0, -1);…