Detectar Geolocalización El Navegador Web Con HTML5

19/8/2014
Detectar Geolocalizacin El navegador web con HTML5
acerca
categoras
contacto
Search this site
Escrito por
Franklin Manuel
Franklin es un diseador web,
desarrollador web front-end y el
Editor en Jefe de Bloggermint
Red
Etiquetado en
Tutoriales
HTML5
URL corta
http://tinyurl.com/28dnjwu
Detectar Geolocalizacin El
navegador web con HTML5
http://www.bloggermint.com/2011/01/geolocation-web-browser-html5/
1/5
19/8/2014
HTML5 se ha sido parte de muchos de mis proyectos y una vez ms

quiero compartir un uso muy interesante de HTML5 para detectar
geolocalizacin del usuario desde el navegador web. Actualmente la
mayor parte del soporte de los navegadores web HTML5excepto el
Internet Explorer cojo y esta deteccin de geolocalizacin funciona
bien con Firefox, Opera, Chrome y Safari. Si tienes un iPhone, se
puede ver lo que sucede en ella. El usuario funcin de geolocalizacin
de los mapas de Google junto con el objeto javascript navigator.geolocation y HTML5. Esto no es una fuente de HTML5 puro,
pero es bueno tener estos aqu.
Cmo funciona esto? Para los navegadores web, el guin toma la
posicin de latitud y longitud en base a su direccin IP. Y por
dispositivos mviles, que se aprovecha del GPS. As que el navegador
web de su ubicacin puede ser incorrecta, ya que su basado en su
direccin IP.
Ver demostracin
Aqu est el script de ejemplo de los desarrolladores
<! DOCTYPE html>

<Html lang = "es" >
<Head>
<Meta charset = UTF-8 />
<Meta nombre = "viewport" contenido = "width = 620" />
<Ttulo> Bloggermint Demo - HTML5 Geolocalizacin </ title>
2/5
19/8/2014

<Enlace rel = "stylesheet" href = "http://bloggermint.com/demos/html5geo/files/html5geo.css" tipo = "text / css" />
<Script src = "http://bloggermint.com/demos/html5geo/files/h5utils.js" > </ script> </ head>
<Cuerpo>
<Seccin de id = "envoltorio" >
<Header>
<H1> Geolocalizacin </ h1> <a href = "http://bloggermint.com" > (vuelta al post) </a>
</ Header> <meta nombre = "viewport" contenido = "width = 620" />
<Script Tipo = "text / javascript" src = "http://maps.google.com/maps/api/js?sensor=false" > </ script>
<Art culo >
<P> ENCONTRAR do Descripcin de la ubicacin: <span de Identificacin = "status" > comprobar ... </ span> </ p>
</ Article>
<Script>
FUNCIN xito (posicion) {
var s = document.querySelector ('# status');
si (el "xito" s.className ==) {
// No S Por Qu ESTAMOS golpeando dos Veces en FF, Creo Que Tiene Que Ver Con El RESULTADO es volver cach
volver;
}
s.innerHTML = "Encontr te!";
s.className = 'xito';
var mapcanvas = document.createElement ('div');
mapcanvas.id = 'mapcanvas';
mapcanvas.style.height = "400px";
mapcanvas.style.width = "560px";
document.querySelector (article) appendChild (mapcanvas) .;
var latlng = new google.maps.LatLng (position.coords.latitude, position.coords.longitude);

myoptions var = {
zoom: 15,
Centro: latlng,
MapTypeControl: false,
CompartirN
en
Google+
av
igationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
m
a
p
TypeId: google.maps.MapTypeId.ROADMAP
Tweet Es
};
Compartir
enm
facebook
var
ap = new google.maps.Map (document.getElementById ("mapcanvas"), myoptions);
Guardar en del.icio.us
var marcador = new google.maps.Marker ({
Stumble EsteP
OSICION: latlng,
Digg this
Mapa: mapa,
ttulo: "Usted est aqu!"
Volver al
principio
})
;
}
Error de la Funcin (msg) {
var s = document.querySelector ('# status');
s.innerHTML = typeof msg == 'cadena'? msg: "no";
s.className = 'Fallar';
// Console.log (Argumentos);
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition (xito, error);
} Else {
error ('NO Soportado');
}
</ Script>
</ Seccion>
<Script src = "http://bloggermint.com/demos/html5geo/files/prettify.packed.js" > </ script>
</ Body>
</ HTML>
El iPhone se puede obtener la ubicacin exacta del usuario
3/5
19/8/2014
La deteccin Geolocalizacin utilizando HTML5 fue desarrollado por

Remy. Lo puedes encontrar en Twitter remy y la fuente puede ser
descargado desde aqu
Como alternativa tambin se puede comprobar a cabo este tutorial
para la deteccin de geolocalizacin HTML.
Recursos adicionales:
Cmo crear un formulario de contacto HTML5
Especificacin API de geolocalizacin
7 de enero de 2011 Esta entrada fue publicada en Tutoriales y etiquetada HTML5 . Guarda el enlace
permanente .
Recomendamos HostGator Hosting

Bloggermint recomienda Hostgator Hosting para
todas sus necesidades de alojamiento web.
Regstrate hoy para WordPress Hosting en slo $
4.95 / mes.
Utilice el cdigo de cupn " bloggermint "para
obtener 25% de descuento en todos los paquetes de
hosting. Obtener una cuenta con Hostgator ahora!
4/5

Detectar Geolocalización El Navegador Web Con HTML5

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Detectar Geolocalización El Navegador Web Con HTML5

Загружено:

Авторское право:

Доступные форматы

19/8/2014

Detectar Geolocalizacin El navegador web con HTML5

Search this site

Detectar Geolocalizacin El navegador web con HTML5

HTML5 se ha sido parte de muchos de mis proyectos y una vez ms

Aqu est el script de ejemplo de los desarrolladores

<! DOCTYPE html>

Detectar Geolocalizacin El navegador web con HTML5

var latlng = new google.maps.LatLng (position.coords.latitude, position.coords.longitude);

var marcador = new google.maps.Marker ({

El iPhone se puede obtener la ubicacin exacta del usuario

Detectar Geolocalizacin El navegador web con HTML5

La deteccin Geolocalizacin utilizando HTML5 fue desarrollado por

Recomendamos HostGator Hosting

Вам также может понравиться