JavaScript - Problemas con geoposicion

 
Vista:
sin imagen de perfil

Problemas con geoposicion

Publicado por Juan Diego (2 intervenciones) el 09/02/2017 07:29:57
Hola a todos:

Estoy trabajando en un proyecto de Geoposicion a traves de W3C, que utilizo en una app para móviles, que utiliza un visor de navegación.

En principio, el código va bien y lo he probado en varios navegadores y en varios teléfonos. Pero me encuentro un problema a la hora de probar el código en un Huawei, concretamente el P8 lite.

En el código que os detallare a continuación, en el formulario aparecen por defecto la latitud y longitud de la ubicación del usuario.

No obstante, en el Huawei, no salen los datos. Coge literalmente como variables los nombres de las mismas. (latitud.value y longitud.value).

Ello se debe a que quizás el código se pueda mejorar a la hora de traspasar las variables de JavaScript a PHP, pero no tengo tanta experiencia y no doy con la solución.

Agradezco de antemano vuestra ayuda.

Codigo para asignar valores de geoposicon (latitud y longitud):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<head>
 <style>
	        #map
 
	        {
 
	            width: 100%;
 
	            height: 300px;
 
	            border: 1px solid #d0d0d0;
 
	        }
			#mensaje
 
	        {
 
	            width: 100%;
 
	            height: 30px;
 
	            border: 1px solid #d0d0d0;
 
	        }
 </style>
 
<script>
 
    var watchId;
 
    // Con PositionOptions nos aseguramos que la lectura no la hace desde caché (es inferior a hace un minuto)
 
    var PositionOptions = {
 
        enableHighAccurace: true,
 
        timeout: 5000,
 
        maximumAge: 60000
 
    };
 
 
 
    window.onload = function() {
 
        if (navigator.geolocation) {
 
            // llamamos a las tres funciones comprometidas (antigüedad de la lectura, geolocalización y posibles errores)
 
            watchId = navigator.geolocation.getCurrentPosition(successCallback, errorCallback, PositionOptions);
 
        } else {
 
            document.getElementById("mensaje").innerHTML = "Lo sentimos pero el API de Geolocalización de HTM5 no está disponible para su navegador";
 
        }
 
    }
 
 
 
    function successCallback(pos) {
 
        var latitud = document.getElementById('latitud');
 
        var longitud = document.getElementById('longitud');
 
        var precision = document.getElementById('precision');
 	 latitud.value = pos.coords.latitude;
        longitud.value = pos.coords.longitude;
 
        precision.value = pos.coords.accuracy;
 
 
 
	var coord=document.getElementById('coord');
 	coord.value = pos.coords.latitude+","+pos.coords.longitude;
 
        ajax = objetoAjax();
 
			var contenedor = document.getElementById('map')
			var centro = new google.maps.LatLng(latitud,longitud);
 
 
 
			var propiedades =
 
			{
 
                zoom: 18,
 
                center: centro,
 
                mapTypeId: google.maps.MapTypeId.ROADMAP
 
			};
 
 
 
			var map = new google.maps.Map(contenedor, propiedades);
 
 
 
			var marcador = new google.maps.Marker({
 
                position: centro,
 
                map: map,
 
                title: 'Tu posicion actual'
 
            });
    }
 
 
 
    function errorCallback(error) {
 
        var appErrMessage = null;
 
        if (error.core == error.PERMISSION_DENIED) {
 
            appErrMessage = "El usuario no ha concedido los privilegios de geolocalización"
 
        } else if (error.core == error.POSITION_UNAVAILABLE) {
 
            appErrMessage = "Posición no disponible"
 
        } else if (error.core == error.TIMEOUT) {
 
            appErrMessage = "Demasiado tiempo intentando obtener la localización del usuario."
 
        } else if (error.core == error.UNKNOWN) {
 
            appErrMessage = "Error desconocido"
 
        } else {
 
            appErrMessage = "Error insesperado"
 
        }
 
        document.getElementById("mensaje").innerHTML = appErrMessage
 
    };
 
</script>
</head>
<body>
<form action="datosgeoposicion.php" method="post">
<input type="hidden" id="latitud" name="latitud" value=latitud.value>
<input type="hidden" id="longitud" name="longitud" value=longitud.value>
<input type="hidden" id="coord" name="coord" value=coord.value>
</form>

Y código del archivo datosgeoposicion.php para asignarle variable a los datos, mostrarla.. necesito las variables php para guardarlas en una BBDD MYSQL.
1
2
3
4
5
<?php
$lat=$_POST['latitud'];
$lng=$_POST['longitud'];
echo "Las coordenadas son..:  latitud =".$lat." y longitud =".$lng;
?>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Developer

Problemas con geoposicion

Publicado por Developer (1 intervención) el 10/02/2017 17:12:00
Hola de nuevo amigo
Y si intentas borar el atributo "value" en:

1
2
<input type="hidden" id="latitud" name="latitud" value=latitud.value>
<input type="hidden" id="longitud" name="longitud" value=longitud.value>

Ya que no creo q te esté asignando ningún valor ahi, mas bien lo estás asignando aqui:

1
2
3
4
5
var latitud = document.getElementById('latitud');
var longitud = document.getElementById('longitud');
var precision = document.getElementById('precision');
latitud.value = pos.coords.latitude;
longitud.value = pos.coords.longitude;

La vez pasada te comenté que no veía donde lo estabas asignando, no había visto tu función successCallback.
Entonces quizá pueda ser ese value, por lo que comentas de que en unos dispositivos lo toma y en otros no
Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

Problemas con geoposicion

Publicado por Juan Diego (2 intervenciones) el 10/02/2017 17:59:04
Saludos Developer.. Gracias por tu aportación.. justo hoy di con la solución.. el código en principio esta bien.. era problema de la configuración de red del dispositivo... Una vez mas.. gracias por tus consejos.. Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar