geolocalización – ProgramaciónExtrema.com https://programacionextrema.com Tutoriales de programación! Thu, 11 Aug 2016 02:03:31 +0000 es hourly 1 https://wordpress.org/?v=5.6.16 https://programacionextrema.com/wp-content/uploads/2015/10/cropped-icon-programacion-extrema-32x32.png geolocalización – ProgramaciónExtrema.com https://programacionextrema.com 32 32 Geolocalización en PhoneGap https://programacionextrema.com/2015/11/26/geolocalizacion-en-phonegap/ https://programacionextrema.com/2015/11/26/geolocalizacion-en-phonegap/#respond Thu, 26 Nov 2015 02:55:37 +0000 http://programacionextrema.com/?p=783 PhoneGap es un framework muy utilizado en la actualidad, con el cual se desarrollan aplicaciones en HTML5 para dispositivos móviles. En este sencillo tutorial aprenderemos a utilizar la geolocalización en PhoneGap, para esto vamos a utilizar el plugin oficial geolocation, el cual pueden encontrar en el sitio: http://docs.phonegap.com. ¿Cómo utilizar la geolocalización en PhoneGap? Primero… Read More

La entrada Geolocalización en PhoneGap aparece primero en ProgramaciónExtrema.com.

]]> PhoneGap es un framework muy utilizado en la actualidad, con el cual se desarrollan aplicaciones en HTML5 para dispositivos móviles. En este sencillo tutorial aprenderemos a utilizar la geolocalización en PhoneGap, para esto vamos a utilizar el plugin oficial geolocation, el cual pueden encontrar en el sitio: http://docs.phonegap.com.

¿Cómo utilizar la geolocalización en PhoneGap?

Primero debemos instalar el plugin geolocation en nuestro proyecto, utilizando el siguiente comando desde la terminal:

cordova plugin add org.apache.cordova.geolocation

También se puede utilizar el comando phonegap en lugar de cordova. Luego para que funcione en nuestro proyecto simplemente debemos agregar el siguiente código Java Script.

// onSuccess Callback
// Este método recibe un objeto posición, el cual contiene
// la actual coordenada GPS
//
var onSuccess = function(position) {
    alert('Latitude: '          + position.coords.latitude          + '\n' +
          'Longitude: '         + position.coords.longitude         + '\n' +
          'Altitude: '          + position.coords.altitude          + '\n' +
          'Accuracy: '          + position.coords.accuracy          + '\n' +
          'Altitude Accuracy: ' + position.coords.altitudeAccuracy  + '\n' +
          'Heading: '           + position.coords.heading           + '\n' +
          'Speed: '             + position.coords.speed             + '\n' +
          'Timestamp: '         + position.timestamp                + '\n');
};

// Recibe un objeto PositionError en caso de que falle
//
function onError(error) {
    alert('code: '    + error.code    + '\n' +
          'message: ' + error.message + '\n');
}

navigator.geolocation.getCurrentPosition(onSuccess, onError);

Al ejecutar el código anterior se mostrarán los datos GPS que figuran en el alert.

Bueno gente, espero que les sea de gran utilidad este tutorial en el cual se explica cómo usar la geolocalización en PhoneGap. Ante cualquier problema no duden en dejar un comentario.

La entrada Geolocalización en PhoneGap aparece primero en ProgramaciónExtrema.com.

]]> https://programacionextrema.com/2015/11/26/geolocalizacion-en-phonegap/feed/ 0 Obtener coordendadas con Google Maps https://programacionextrema.com/2015/10/28/obtener-coordendadas-con-google-maps/ https://programacionextrema.com/2015/10/28/obtener-coordendadas-con-google-maps/#respond Wed, 28 Oct 2015 01:55:49 +0000 http://programacionextrema.com/?p=332 La siguiente herramienta online y gratuita permite obtener coordenadas con Google Maps. Para obtener las coordenadas geográficas se debe introducir una dirección o simplemente mover el punto en el mapa, esto actualizará la latitud y longitud debajo del mapa. Características de esta herramienta para obtener coordenadas con Google Maps Obtener latitud y longitud a partir… Read More

La entrada Obtener coordendadas con Google Maps aparece primero en ProgramaciónExtrema.com.

]]> La siguiente herramienta online y gratuita permite obtener coordenadas con Google Maps. Para obtener las coordenadas geográficas se debe introducir una dirección o simplemente mover el punto en el mapa, esto actualizará la latitud y longitud debajo del mapa.

Características de esta herramienta para obtener coordenadas con Google Maps

  • Obtener latitud y longitud a partir de una dirección.
  • Actualizar la latitud y longitud después de mover el punto en el mapa.
  • Cambiar el tipo de mapa (Mapa/Satelite).

Espero que les sea de gran utilidad esta simple herramienta para obtener coordenadas con Google Maps y ante cualquier problema no duden en dejar un comentario.

La entrada Obtener coordendadas con Google Maps aparece primero en ProgramaciónExtrema.com.

]]> https://programacionextrema.com/2015/10/28/obtener-coordendadas-con-google-maps/feed/ 0 Geolocalización: Obtener la posición de un usuario en Java Script https://programacionextrema.com/2015/10/25/geolocalizacion-obtener-la-posicion-de-un-usuario-en-java-script/ https://programacionextrema.com/2015/10/25/geolocalizacion-obtener-la-posicion-de-un-usuario-en-java-script/#comments Sun, 25 Oct 2015 20:25:57 +0000 http://programacionextrema.com/?p=281 Una de las principales características de HTML5 es la API de geolocalización, ya que nos permite conocer la ubicación geográfica del usuario siempre que el navegador lo soporte. En este tutorial vamos a realizar una función sencilla que obtenga y muestre la posición de un usuario en Java Script, esto nos sería de gran ayuda… Read More

La entrada Geolocalización: Obtener la posición de un usuario en Java Script aparece primero en ProgramaciónExtrema.com.

]]> Una de las principales características de HTML5 es la API de geolocalización, ya que nos permite conocer la ubicación geográfica del usuario siempre que el navegador lo soporte.

En este tutorial vamos a realizar una función sencilla que obtenga y muestre la posición de un usuario en Java Script, esto nos sería de gran ayuda para aprender su funcionamiento.

Cómo obtener la posición de un usuario en Java Script

Con el siguiente código HTML y Java Script vamos obtener las coordenadas y mostrarlas en la página.

<html>
  <head>
    <title>Obtener la posición de un usuario en Java Script</title>
  </head>
  <body onload="getLocation()">
    <div id="demo"></div>
    <script>
      // Esta función es la encargada de obtener las coordenadas y mostrarlas
      // en la página
      function getLocation() {
      	if (navigator.geolocation) {
      		navigator.geolocation.getCurrentPosition(showPosition,
                 function(error) {
      			var x = document.getElementById("demo");
                     x.innerHTML = "Error "+error;
                 },
                 {timeout: 30000, enableHighAccuracy: true, maximumAge: 75000});
      	} else {
      		var x = document.getElementById("demo");
      		x.innerHTML = "Geolocation is not supported by this browser.";
      	}
      }
      
      // Función que recibe una posicion y la muestra en la página
      function showPosition(position) {
      	var x = document.getElementById("demo");
      	x.innerHTML = "Latitude: " + position.coords.latitude + 
      	"<br>Longitude: " + position.coords.longitude; 
      }
    </script>
  </body>
</html>

Es importante ver que la función getLocation es ejecutada una vez que se carga completamente la página, esto se indica con el atributo onload de la etiqueta body.

Bueno gente, espero que les sea de gran utilidad este pequeño tutorial y ante cualquier inconveniente no duden en dejar un comentario.

La entrada Geolocalización: Obtener la posición de un usuario en Java Script aparece primero en ProgramaciónExtrema.com.

]]> https://programacionextrema.com/2015/10/25/geolocalizacion-obtener-la-posicion-de-un-usuario-en-java-script/feed/ 2