{"id":5394,"date":"2024-06-07T00:28:34","date_gmt":"2024-06-07T00:28:34","guid":{"rendered":"https:\/\/play.exploragame.com.ar\/?page_id=5394"},"modified":"2024-06-07T02:43:26","modified_gmt":"2024-06-07T02:43:26","slug":"prueba-localizacion","status":"publish","type":"page","link":"https:\/\/play.exploragame.com.ar\/index.php\/prueba-localizacion\/","title":{"rendered":"Prueba localizacion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5394\" class=\"elementor elementor-5394\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c78494c e-flex e-con-boxed e-con e-parent\" data-id=\"c78494c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f92a68a elementor-widget elementor-widget-html\" data-id=\"f92a68a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Geolocalizaci\u00f3n<\/title>\r\n<\/head>\r\n<body>\r\n<h1><\/h1>\r\n<p id=\"status\">Esperando ubicaci\u00f3n...<\/p>\r\n\r\n<script>\r\n\/\/ Coordenadas de la ubicaci\u00f3n fija (latitud y longitud)\r\nconst fixedLocation = {\r\n    lat: -34.633505039928565, \/\/ Reemplaza con la latitud de tu ubicaci\u00f3n fija\r\n    lng: -58.37015272898121 \/\/ Reemplaza con la longitud de tu ubicaci\u00f3n fija\r\n};\r\n\r\n\/\/ Radio en metros\r\nconst radius =20; \/\/ Reemplaza con el radio en metros dentro del cual quieres redirigir\r\n\r\n\/\/ Funci\u00f3n para calcular la distancia entre dos puntos usando la f\u00f3rmula de Haversine\r\nfunction getDistanceFromLatLonInMeters(lat1, lon1, lat2, lon2) {\r\n    const R = 6371000; \/\/ Radio de la Tierra en metros\r\n    const dLat = deg2rad(lat2 - lat1);\r\n    const dLon = deg2rad(lon2 - lon1);\r\n    const a = Math.sin(dLat \/ 2) * Math.sin(dLat \/ 2) +\r\n        Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *\r\n        Math.sin(dLon \/ 2) * Math.sin(dLon \/ 2);\r\n    const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n    return R * c;\r\n}\r\n\r\nfunction deg2rad(deg) {\r\n    return deg * (Math.PI \/ 180);\r\n}\r\n\r\n\/\/ Verificar la ubicaci\u00f3n del usuario\r\nfunction checkLocation() {\r\n    if (navigator.geolocation) {\r\n        navigator.geolocation.getCurrentPosition(function(position) {\r\n            const userLat = position.coords.latitude;\r\n            const userLng = position.coords.longitude;\r\n            const distance = getDistanceFromLatLonInMeters(userLat, userLng, fixedLocation.lat, fixedLocation.lng);\r\n\r\n            if (distance <= radius) {\r\n                document.getElementById('status').innerText = 'Est\u00e1s dentro del \u00e1rea, redirigiendo...';\r\n                window.location.href = 'https:\/\/play.exploragame.com.ar\/index.php\/la-boca-2-2-2-2\/'; \/\/ Reemplaza con la URL de redirecci\u00f3n\r\n            } else {\r\n                document.getElementById('status').innerText = `Est\u00e1s fuera del \u00e1rea. Distancia: ${distance.toFixed(2)} metros`;\r\n            }\r\n        }, function(error) {\r\n            console.error(error);\r\n            document.getElementById('status').innerText = 'Error obteniendo la ubicaci\u00f3n';\r\n        });\r\n    } else {\r\n        document.getElementById('status').innerText = 'Geolocalizaci\u00f3n no es soportada por este navegador';\r\n    }\r\n}\r\n\r\n\/\/ Verificar la ubicaci\u00f3n al cargar la p\u00e1gina\r\nwindow.onload = checkLocation;\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1129269 e-flex e-con-boxed e-con e-parent\" data-id=\"1129269\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfc7c6c elementor-widget elementor-widget-html\" data-id=\"cfc7c6c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Geolocalizaci\u00f3n con Br\u00fajula<\/title>\r\n    <style>\r\n        #compass-container {\r\n            position: fixed;\r\n            bottom: 20px;\r\n            right: 20px;\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n        #compass {\r\n            width: 100%;\r\n            height: 100%;\r\n            transform-origin: center center;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h1>Geolocalizaci\u00f3n con Br\u00fajula<\/h1>\r\n    <p id=\"status\">Esperando ubicaci\u00f3n...<\/p>\r\n    <div id=\"compass-container\">\r\n        <img decoding=\"async\" id=\"compass\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0c\/Simple_compass_rose_16N_vector.svg\/1200px-Simple_compass_rose_16N_vector.svg.png\" alt=\"Compass\">\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Coordenadas de la ubicaci\u00f3n fija (latitud y longitud)\r\n        const fixedLocation = {\r\n            lat: -34.633505039928565,\r\n            lng: -58.37015272898121\r\n        };\r\n\r\n        \/\/ Radio en metros\r\n        const radius = 70;\r\n\r\n        \/\/ Funci\u00f3n para calcular la distancia entre dos puntos usando la f\u00f3rmula de Haversine\r\n        function getDistanceFromLatLonInMeters(lat1, lon1, lat2, lon2) {\r\n            const R = 6371000; \/\/ Radio de la Tierra en metros\r\n            const dLat = deg2rad(lat2 - lat1);\r\n            const dLon = deg2rad(lon2 - lon1);\r\n            const a = Math.sin(dLat \/ 2) * Math.sin(dLat \/ 2) +\r\n                Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *\r\n                Math.sin(dLon \/ 2) * Math.sin(dLon \/ 2);\r\n            const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));\r\n            return R * c;\r\n        }\r\n\r\n        function deg2rad(deg) {\r\n            return deg * (Math.PI \/ 180);\r\n        }\r\n\r\n        \/\/ Verificar la ubicaci\u00f3n del usuario\r\n        function checkLocation() {\r\n            if (navigator.geolocation) {\r\n                navigator.geolocation.getCurrentPosition(function(position) {\r\n                    const userLat = position.coords.latitude;\r\n                    const userLng = position.coords.longitude;\r\n                    const distance = getDistanceFromLatLonInMeters(userLat, userLng, fixedLocation.lat, fixedLocation.lng);\r\n\r\n                    if (distance <= radius) {\r\n                        document.getElementById('status').innerText = 'Est\u00e1s dentro del \u00e1rea, redirigiendo...';\r\n                        window.location.href = 'https:\/\/play.exploragame.com.ar\/index.php\/la-boca-2-2-2-2\/';\r\n                    } else {\r\n                        document.getElementById('status').innerText = `Est\u00e1s fuera del \u00e1rea. Distancia: ${distance.toFixed(2)} metros`;\r\n                    }\r\n                }, function(error) {\r\n                    console.error(error);\r\n                    document.getElementById('status').innerText = 'Error obteniendo la ubicaci\u00f3n';\r\n                });\r\n            } else {\r\n                document.getElementById('status').innerText = 'Geolocalizaci\u00f3n no es soportada por este navegador';\r\n            }\r\n        }\r\n\r\n        \/\/ Obt\u00e9n el elemento de la br\u00fajula\r\n        const compass = document.getElementById('compass');\r\n\r\n        \/\/ Funci\u00f3n para actualizar la orientaci\u00f3n de la br\u00fajula\r\n        function updateCompassHeading(alpha) {\r\n            \/\/ Rota la br\u00fajula seg\u00fan la orientaci\u00f3n del dispositivo\r\n            compass.style.transform = `rotate(${alpha}deg)`;\r\n        }\r\n\r\n        \/\/ Escucha los cambios en la orientaci\u00f3n del dispositivo\r\n        window.addEventListener('deviceorientation', (event) => {\r\n            \/\/ Obt\u00e9n la orientaci\u00f3n del dispositivo (en grados)\r\n            const alpha = event.alpha;\r\n\r\n            \/\/ Actualiza la orientaci\u00f3n de la br\u00fajula\r\n            updateCompassHeading(alpha);\r\n        });\r\n\r\n        \/\/ Verificar la ubicaci\u00f3n al cargar la p\u00e1gina\r\n        window.onload = checkLocation;\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Geolocalizaci\u00f3n Esperando ubicaci\u00f3n&#8230; Geolocalizaci\u00f3n con Br\u00fajula Geolocalizaci\u00f3n con Br\u00fajula Esperando ubicaci\u00f3n&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"wf_page_folders":[],"class_list":["post-5394","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=5394"}],"version-history":[{"count":28,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5394\/revisions"}],"predecessor-version":[{"id":5443,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/5394\/revisions\/5443"}],"wp:attachment":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=5394"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/wf_page_folders?post=5394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}