PHP - ayuda con api Google Maps

   
Vista:

ayuda con api Google Maps

Publicado por Ricardo (1 intervención) el 02/02/2015 03:18:30
Buen dia necesito ayuda. tengo un tabla que muestra datos desde una conexión a base de datos, 2 datos en concreto, longitud y latitud, estos datos los tengo q pasar al api de google maps para que se muestren las coordenadas.
La conexión y los datos funciona correctamente pero no puedo hacer que se muestren en el mapa, solo aparece en gris, espero me puedan ayudar a encontrar mi error.
Gracias y saludos

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
$(document).ready(function() {
                var url = "php/datos.php";
                $("#tablajson tbody").html("");
                $.getJSON(url, function(datos) {
                    $.each(datos, function(i, dato) {
                        console.log(datos);
 
 
					   var newRow =
                                "<tr>"
                                + "<td>" + dato.id + "</td>"
                                + "<td>" + dato.lon + "</td>"
                                + "<td>" + dato.lat + "</td>"
 
                                + "</tr>";
 
                        $(newRow).appendTo("#tablajson tbody");
 
 
                    });
 
		  });
 
 
 
	function newmap(){
	var latjs =dato.lat;
   var lonjs =dato.lon;
 
 
			contenedor  = document.getElementById("d1");
		   //latjs = document.getElementById("dato.lat");
           // lonjs = document.getElementById("dato.lon");
			cordenadas      = new google.maps.LatLng("latjs","lonjs");
			tipo        = google.maps.MapTypeId.ROADMAP;
			z = 1;
			propiedades = {center: cordenadas, zoom:z,mapTypeId:tipo};
			mapa        = new google.maps.Map(contenedor,propiedades);
		}
 window.onload   = newmapa;
                });
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 txema

ayuda con api Google Maps

Publicado por txema (7 intervenciones) el 04/02/2015 08:51:48
Hola Ricardo:

Cunado dices "pero no puedo hacer que se muestren en el mapa, solo aparece en gris" entiendo que no llevas a ver el mapa. Ello es porque, a pesar de que lees bien los datos en bien, las variables quedan como locales y no llegan los valores a cordenadas = new google.maps.LatLng("latjs","lonjs");

Te sugiero que especifiques un centro para el mapa: por ejemplo, centrarlo sobre la península ibérica sería
1
cordenadas  = new google.maps.LatLng(40.4167515, -3.7038639);
En realidad con un zoom 1 tiene poca importancia, pero hay que definirlo.

Después tienes que lanzar el marcador dentro del getJSON

Un ejemplo de marcador simple lo tienes en https://developers.google.com/maps/documentation/javascript/examples/marker-simple

Si sigues teniendo problemas, nos muestras el código HTML y lo que te arroja el archivo php/datos.php

Nos cuentas
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