Quiero mostrar las posiciones de los taxis en servicio usando capas abiertas. Tengo las coordenadas y el rumbo de cada taxi, pero cuando trato de mostrarlos, todo está bien con las coordenadas, pero los rumbos no se muestran correctamente. Es porque tengo el mismo estilo para cada marcador y los agrego a la misma capa vectorial. Me gustaría mostrar cada vehículo con su propio rumbo. Cualquier solución para este problema será apreciada.
Mi código:
var taxiMarker = new ol.style.Style({ image: new ol.style.Icon({ scale: 0.7, anchor: [0.5, 0.5], src: 'uploads/taxiMarker.png' }) }); var taxi_vector = new ol.layer.Vector({ source: new ol.source.Vector({ }), style: [taxiMarker] }); for(let i = 0; i < res.length; i++) { let tCoords = res[i][0].split(','); let heading = parseFloat(res[i][1]); let marker = new ol.geom.Point(tCoords); let featureMarker = new ol.Feature(marker); taxiMarker.getImage().setRotation(heading); taxi_vector.getSource().addFeature(featureMarker); }