{"id":3732,"date":"2017-10-17T18:47:13","date_gmt":"2017-10-17T18:47:13","guid":{"rendered":"http:\/\/disenodepagina.com\/disenoweb\/?p=3732"},"modified":"2017-10-17T18:47:13","modified_gmt":"2017-10-17T18:47:13","slug":"geolocalizacion","status":"publish","type":"post","link":"https:\/\/disenodepagina.com\/disenoweb\/geolocalizacion\/","title":{"rendered":"Geolocalizaci\u00f3n"},"content":{"rendered":"

Geolocalizaci\u00f3n<\/h1>\n

\"Geolocalizaci\u00f3n\"<\/p>\n

 <\/p>\n

El uso del API<\/a> de\u00a0Geolocalizaci\u00f3n<\/em><\/strong>\u00a0es extremadamente sencillo. Soportado por todos los navegadores modernos, nos permite conocer la posici\u00f3n del usuario con mayor o menor precisi\u00f3n, seg\u00fan el m\u00e9todo de localizaci\u00f3n utilizado. En la actualidad, disponemos de tres tecnolog\u00edas para geolocalizar un usuario:
\nV\u00eda IP: todo dispositivo que se encuentra conectado a la red, tiene asignada una direcci\u00f3n IP (Internet Protocol) p\u00fablica que act\u00faa, de forma muy simplificada, como un c\u00f3digo postal. Evidentemente, esta no es la mejor manera de localizaci\u00f3n, pero s\u00ed nos da una ligera idea de d\u00f3nde se encuentra. Redes GSM: cualquier dispositivo que se conecte a una red telefon\u00eda, es capaz de obtener una posici\u00f3n aproximada bas\u00e1ndose en una triangulaci\u00f3n con las antenas de telefon\u00eda. Es un m\u00e9todo sensiblemente m\u00e1s preciso que mediante la direcci\u00f3n IP, pero mucho menos que mediante GPS. GPS: Global Positioning System o Sistema de Posicionamiento Global. Es el m\u00e9todo m\u00e1s preciso, pudiendo concretar la posici\u00f3n del usuario con un margen de error de escasos metros.
\nEl primer paso es comprobar es la disponibilidad del API de geolocalizaci\u00f3n de HTML 5 en el explorador del usuario:
\nif(Modernizr.geolocation) { alert(‘El explorador soporta geolocalizaci\u00f3n’); } else { alert(‘El explorador NO soporta geolocalizaci\u00f3n’); }
\nEl API ofrece los siguientes m\u00e9todos para geolocalizar la posici\u00f3n del usuario:
\ngetCurrentPosition: obtiene la posici\u00f3n actual del usuario, utilizando la mejor tecnolog\u00eda posible. watchPosition: consulta cada cierto tiempo la posici\u00f3n del usuario, ejecutando la funci\u00f3n de callback indicada \u00fanicamente si la posici\u00f3n ha cambiado desde la \u00faltima consulta.
\nAmbos m\u00e9todos se ejecutan de manera as\u00edncrona para obtener la posici\u00f3n del usuario. Si es la primera vez que se solicita la localizaci\u00f3n al navegador, \u00e9ste mostrar\u00e1 un mensaje pidiendo permiso al usuario para compartir su localizaci\u00f3n. Si el usuario no da su<\/p>\n

permiso, el API llama a la funci\u00f3n de error que hayamos definido. La especificaci\u00f3n dice:
\n\u00abEl navegador no debe enviar informaci\u00f3n sobre la localizaci\u00f3n a sitios sin el permiso expl\u00edcito del usuario.\u00bb
\nAs\u00ed pues, queda en manos de los navegadores informar al usuario que estamos intentando acceder a su posici\u00f3n actual. La forma de realizarlo depende del navegador. Por norma general, los navegadores de escritorio muestran un aviso no bloqueante, lo que permite seguir utilizando y ejecutando la aplicaci\u00f3n.
\nFigura 11.1 Petici\u00f3n para compartir localizaci\u00f3n en Chrome
\nEn cambio, en navegadores de dispositivos m\u00f3viles, como Safari y Chrome, se muestra una ventana modal que bloquea la ejecuci\u00f3n del c\u00f3digo hasta que el usuario acepte o deniegue la solicitud de geolocalizaci\u00f3n.
\nFigura 11.2 Petici\u00f3n para compartir localizaci\u00f3n en Safari Mobile y Chrome Mobile<\/p>\n

Geolocalizaci\u00f3n<\/em><\/strong><\/span><\/h2>\n

#Geolocalizacion<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Geolocalizaci\u00f3n   El uso del API de\u00a0Geolocalizaci\u00f3n\u00a0es extremadamente sencillo. Soportado por todos los navegadores modernos, nos permite conocer la posici\u00f3n del usuario con mayor o menor precisi\u00f3n, seg\u00fan el m\u00e9todo de localizaci\u00f3n utilizado. En la actualidad, disponemos de tres tecnolog\u00edas para geolocalizar un usuario: V\u00eda IP: todo dispositivo que se encuentra conectado a la red, […]\n","protected":false},"author":2,"featured_media":3511,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[478,477,8],"tags":[535,82,529,551,138,527],"class_list":["post-3732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-de-pagina","category-diseno-web","tag-como-crear-una-pagina-web","tag-diseno","tag-diseno-grafico","tag-geolocalizacion","tag-pagina-web","tag-paginas-web"],"_links":{"self":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/3732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/comments?post=3732"}],"version-history":[{"count":1,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/3732\/revisions"}],"predecessor-version":[{"id":3733,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/3732\/revisions\/3733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/media\/3511"}],"wp:attachment":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/media?parent=3732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/categories?post=3732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/tags?post=3732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}