He estado trabajando en la geolocalización de un usuario en el mapa del folleto y me encanta la experiencia con el folleto. Todo funciona excepto cuando se visualiza el mismo mapa en un teléfono móvil, la función "getPosition" no funciona cuando se toca la imagen en pantalla. ¿Alguien puede identificar el problema o cómo debo hacerlo? La función "onclick" funciona con la función goelocation pero "ontouchstart" no. He probado "ontouchstart" usando "alert(test);" y funciona pero al usar la función de geolocalización no. Aquí está el código: HTML

 <div id="image"> <img src="location.png"> </div>

código javascript para mapa

 var map_init = L.map('map');

Código JavaScript para la función de geolocalización

 function getPosition(position) { console.log(position) lat = position.coords.latitude; long = position.coords.longitude; accuracy = position.coords.accuracy; if (marker) { map_init.removeLayer(marker); } if (circle) { map_init.removeLayer(circle); } marker = L.marker([lat, long]); circle = L.circle([lat, long], { radius: accuracy }); //.featureGroup creates a Leaflet Feature Group that adds its child layers into a parent group when added to a map var featureGroup = L.featureGroup([marker, circle]).addTo(map_init); map_init.fitBounds(featureGroup.getBounds()); console.log("Your coordinate is: Lat: " +lat +" Long: " +long +" Accuracy: " +accuracy); };

Código JavaScript para "onclick" y "ontouchstart"

 var image = document.getElementById('image'); image.onclick = function() { navigator.geolocation.getCurrentPosition(getPosition); } image.ontouchstart =function() { navigator.geolocation.getCurrentPosition(getPosition); }