Actualmente trabajando en un mapa para una interfaz donde los usuarios hacen clic en un mapa para obtener su longitud y latitud. Hasta ahora he logrado obtener los datos de longitud y latitud e ingresarlos en el formulario, pero tengo dificultades para mostrar un marcador donde el usuario ha hecho clic y eliminarlo cuando el usuario hace clic en una nueva ubicación. ¿algunas ideas?

esta es mi función:

initLocationPicker: función (){

 var map = new ol.Map({ layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }) ], target: 'map', view: new ol.View({ center: [13.4050,52.5200], zoom: 2 }) }); var formId = this.formId; var form = document.forms[formId]; map.on('singleclick', function (evt) { var lonlat = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326'); var lon = lonlat[0]; var lat = lonlat[1]; console.log(lonlat); form.elements.longitude.value = lon form.elements.latitude.value = lat }); },

Espero que este fragmento ayude; de lo contrario, intentaré agregar un jsfiddle.