Foros del Web » Programando para Internet » PHP »

For PHP en API Google Maps

Estas en el tema de For PHP en API Google Maps en el foro de PHP en Foros del Web. Buenas, Tengo el siguiente código: Código PHP: <?php mysql_connect ( 'XXXX' ,  'XXXX' ,  'XXXX' ) or die( 'Ha habido un problema con la conexi&oacute;n al servidor.' ); mysql_select_db ( 'XXXXX' ) or die( 'Ha habido un problema con la conexi&oacute;n a la base de datos.' ); $query  ...

  #1 (permalink)  
Antiguo 08/11/2012, 14:29
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación For PHP en API Google Maps

Buenas,

Tengo el siguiente código:

Código PHP:
<?php
mysql_connect
('XXXX''XXXX''XXXX') or die('Ha habido un problema con la conexi&oacute;n al servidor.');
mysql_select_db('XXXXX') or die('Ha habido un problema con la conexi&oacute;n a la base de datos.');

$query mysql_query("SELECT * FROM Airports") or die('No se ha podido encontrar el origen');

for(
$i 0$i mysql_num_rows($query); $i++){
    
    
$lat mysql_result($query$i'Lat');
    
$lon mysql_result($query$i'Lon');

?>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es">
</script>
<script type="text/javascript">
  function initialize() {
    
    var VueloFinalizado = {
      autozoom: true,
      zoom: 5,
      center: new google.maps.LatLng(40.84706, -2.944336),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), VueloFinalizado);
       
        
       
        var DepICAO = new google.maps.InfoWindow({
            content: '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $lat?></h3>'
        });
        
        
        
        
        
        var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png';
        var myLatLngDep = new google.maps.LatLng(<?php echo $lat?><?php echo $lon?>);
        var Dep = new google.maps.Marker({
            position: myLatLngDep,
            map:map,
            icon: image,
            title:"Origen"
            
        });
        
        
    var flightPlanCoordinates = [
    new google.maps.LatLng(<?php echo $lat?><?php echo $lon?>),
  ];
  var flightPath = new google.maps.Polyline({
    path: flightPlanCoordinates,
    strokeColor: "#FF0000",
    strokeOpacity: 2.0,
    strokeWeight: 2
  });
  
  flightPath.setMap(map);
  
  google.maps.event.addListener(Dep, 'click', function(){
      DepICAO.open(map, Dep);
  });
  
  
}
        
       
  

</script>
</head>
<body onload="initialize()">
    <center><div id="map_canvas" style="width:650px; height:360px;"></div></center>
</body>
<?php
}
Lo que yo quiero es que muestre todas las entradas de esa tabla de la base de datos pero sólo me muestra la última.
  #2 (permalink)  
Antiguo 08/11/2012, 15:25
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: For PHP en API Google Maps

Piensa bien lo que estás haciendo, ¿tiene sentido repetir tódo el código en cada iteración o solamente deberías repetir la parte que muestra un punto a la vez?
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #3 (permalink)  
Antiguo 09/11/2012, 13:06
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Eso ya está solucionado el problema ahora es otro. Tengo este código:

Código PHP:
var Destinos = {
      autozoom: true,
      zoom: 5,
      center: new google.maps.LatLng(40.84706, -2.944336),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), Destinos);
       
           <?php
        
for($i 0$i mysql_num_rows($query); $i++){
            
$lat mysql_result($query$i'Lat');
            
$lon mysql_result($query$i'Lon');
            
$icao mysql_result($query$i'ICAO');
            
$city mysql_result($query$i'City');
        
?>
       
        var Airport1 = new google.maps.InfoWindow({
            content: '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao?> - <?php echo $city?></h3>'
        });
        
        
    
        var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png';
        var myLatLng = new google.maps.LatLng(<?php echo $lat?><?php echo $lon?>);
        var Airport = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image,
            title:"<?php echo $icao?> - <?php echo $city?>"
            
        });
        
     google.maps.event.addListener(Airport, 'click', function(){
      Airport1.open(map, Airport);
     });
  
    <?php  
         
}
    
?> 
}
El problema es que el InfoWindow del Google Maps sólo me lo muestra en la última entrada de la tabla independientemente de en que marcador pulse. Ej: Tenemos 3 Ciudades: Vigo, Madrid y Barcelona (en la db están colocadas en ese ordén) si yo pulso en Vigo se me abre el InfoWindow de Barcelona, si pulso en Madrid lo mismo y si pulso en Barcelona lo mismo.
  #4 (permalink)  
Antiguo 09/11/2012, 13:09
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: For PHP en API Google Maps

El problema es exactamente el mismo, en el bucle usas las mismas variables (de javascript) para crear los objetos para gmaps, si revisa el código que se produce pueden estar ahí todos tus datos.

Pero al tratarte de las mismas variables entonces se sobre escriba la misma en cada vuelta del bucle, resultando en que sólo la última activa es la que funciona.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #5 (permalink)  
Antiguo 09/11/2012, 13:14
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por pateketrueke Ver Mensaje
El problema es exactamente el mismo, en el bucle usas las mismas variables (de javascript) para crear los objetos para gmaps, si revisa el código que se produce pueden estar ahí todos tus datos.

Pero al tratarte de las mismas variables entonces se sobre escriba la misma en cada vuelta del bucle, resultando en que sólo la última activa es la que funciona.
Pero el for va hasta:

Código PHP:
google.maps.event.addListener(Airport'click', function(){ 
      
Airport1.open(mapAirport); 
Entonces hasta dónde debe ir?
  #6 (permalink)  
Antiguo 09/11/2012, 13:19
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: For PHP en API Google Maps

A ver, lo que pasa es que no entiendes que el código Javascript generado hace mal su trabajo porque se repite dentro del bucle, eso es todo.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #7 (permalink)  
Antiguo 09/11/2012, 13:21
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por pateketrueke Ver Mensaje
A ver, lo que pasa es que no entiendes que el código Javascript generado hace mal su trabajo porque se repite dentro del bucle, eso es todo.
Entonces cómo lo puedo arreglar?
  #8 (permalink)  
Antiguo 09/11/2012, 13:29
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: For PHP en API Google Maps

Necesitas reflexionar lo que haces, comprender el código que se genera y entender sus consecuencias.

Una solución flexible y estable es únicamente exportar los datos importantes en formato JSON al inicio del script, sin bucles ni nada, y hacer el resto de la lógica únicamente con Javascript.

Cuando piensas que sería mas fácil hacer el bucle es cuando te pones el pie tu mismo.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #9 (permalink)  
Antiguo 09/11/2012, 13:33
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por pateketrueke Ver Mensaje
Necesitas reflexionar lo que haces, comprender el código que se genera y entender sus consecuencias.

Una solución flexible y estable es únicamente exportar los datos importantes en formato JSON al inicio del script, sin bucles ni nada, y hacer el resto de la lógica únicamente con Javascript.

Cuando piensas que sería mas fácil hacer el bucle es cuando te pones el pie tu mismo.
Buff, Y eso cómo lo hago? Cómo tendría que dejar el código? No lo podría hacer con el for actual o con un while? O metiéndole otro for?
  #10 (permalink)  
Antiguo 09/11/2012, 13:35
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: For PHP en API Google Maps

¿Lees lo que planteas?

Entiende que la API de GMaps es Javascript, debes pensar en Javascript y no en PHP, que PHP sea sólo tu vehículo para obtener los datos y pasarlos a Javascript.

Si sigues pensando únicamente en resolverlos con PHP entonces no vas a llegar lejos.

Haz la prueba sólo usando Javascript y con varios datos, cuando te funciones intenta producir el mismo código con PHP, ejercita tu mente.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #11 (permalink)  
Antiguo 09/11/2012, 13:39
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por pateketrueke Ver Mensaje
¿Lees lo que planteas?

Entiende que la API de GMaps es Javascript, debes pensar en Javascript y no en PHP, que PHP sea sólo tu vehículo para obtener los datos y pasarlos a Javascript.

Si sigues pensando únicamente en resolverlos con PHP entonces no vas a llegar lejos.

Haz la prueba sólo usando Javascript y con varios datos, cuando te funciones intenta producir el mismo código con PHP, ejercita tu mente.
Mi problema es que no sé hacerlo en Javascript porque mis conocimientos de este son bastos. ¿Cómo lo puedo hacer en PHP?
  #12 (permalink)  
Antiguo 09/11/2012, 13:46
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: For PHP en API Google Maps

Pues ese es entonces tu problema inicial, estás mezclando dos lenguajes sin tener conocimiento pleno de lo que se produce, deberías empezar por estudiar algo de Javascript entonces.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #13 (permalink)  
Antiguo 09/11/2012, 13:52
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por pateketrueke Ver Mensaje
Pues ese es entonces tu problema inicial, estás mezclando dos lenguajes sin tener conocimiento pleno de lo que se produce, deberías empezar por estudiar algo de Javascript entonces.
Y sería que me dieras la solución a este problema. Necesito terminarlo, cuando tenga más tiempo aprenderé Javascript de hecho acabo de comprar el curso de V2B. Pero te agradecería que me dieras la solución a este problema por que lo necesito lo antes posible.
  #14 (permalink)  
Antiguo 09/11/2012, 13:55
Avatar de pateketrueke
Modernizr
 
Fecha de Ingreso: abril-2008
Ubicación: Mexihco-Tenochtitlan
Mensajes: 26.399
Antigüedad: 16 años
Puntos: 2534
Respuesta: For PHP en API Google Maps

Lo siento, pero yo no acostumbro resolver el código de nadie, si no hay interés de tu parte en aprender entonces debo dejar el tema.

Suerte.
__________________
Y U NO RTFM? щ(ºдºщ)

No atiendo por MP nada que no sea personal.
  #15 (permalink)  
Antiguo 09/11/2012, 13:56
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Alguien me puede ayudar?
  #16 (permalink)  
Antiguo 09/11/2012, 14:22
 
Fecha de Ingreso: abril-2009
Ubicación: en un lugar de la mancha
Mensajes: 236
Antigüedad: 15 años
Puntos: 38
Respuesta: For PHP en API Google Maps

Código:
(function() 
{
	var lat = [], lon = [], icao = [], city = [];
							
	var i = 0;

	<?php if ( mysql_num_rows($query) > 0): ?> 
		<?php while ( $row = mysql_fetch_assoc($query) ): ?>
		
			lat[i]  = <?php echo $lat[$c]['Lan']; ?>;
			lon[i]  = <?php echo $lon[$c]['Lon']; ?>;
			icao[i] = <?php echo $lat[$c]['ICAO']; ?>; 
			city[i] = <?php echo $lat[$c]['CITY']; ?>;
			i++;

		<?php endwhile; ?>   
	<?php endif; ?>
												
	var latLonCenter = new google.maps.LatLng( lat[0], lon[0] );    
						   
	window.onload = function() 
	{
		var options = {
			zoom: 5,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		map = new google.maps.Map(document.getElementById( 'map_canvas' ), options);

		for ( var i = 0; i < lat.length; i++ )
		{
			var latLng = new google.maps.LatLng( lat[c], lon[c] );
			getMarker( latLng, icao[c], city[c] );
		}  

		map.setCenter(latLonCenter);
	}
							
	function getMarker(latLng, icao, city)
	{
		var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png'; 
		
		marker = new google.maps.Marker({
			position: latLng,
			map: map,
			draggable: false,
			animation: google.maps.Animation.DROP,
			icon: image,
			title: icao + ' ' + city
		});
	} 
})();
  #17 (permalink)  
Antiguo 09/11/2012, 14:36
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por rolygc Ver Mensaje
Código:
(function() 
{
	var lat = [], lon = [], icao = [], city = [];
							
	var i = 0;

	<?php if ( mysql_num_rows($query) > 0): ?> 
		<?php while ( $row = mysql_fetch_assoc($query) ): ?>
		
			lat[i]  = <?php echo $lat[$c]['Lan']; ?>;
			lon[i]  = <?php echo $lon[$c]['Lon']; ?>;
			icao[i] = <?php echo $lat[$c]['ICAO']; ?>; 
			city[i] = <?php echo $lat[$c]['CITY']; ?>;
			i++;

		<?php endwhile; ?>   
	<?php endif; ?>
												
	var latLonCenter = new google.maps.LatLng( lat[0], lon[0] );    
						   
	window.onload = function() 
	{
		var options = {
			zoom: 5,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		map = new google.maps.Map(document.getElementById( 'map_canvas' ), options);

		for ( var i = 0; i < lat.length; i++ )
		{
			var latLng = new google.maps.LatLng( lat[c], lon[c] );
			getMarker( latLng, icao[c], city[c] );
		}  

		map.setCenter(latLonCenter);
	}
							
	function getMarker(latLng, icao, city)
	{
		var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png'; 
		
		marker = new google.maps.Marker({
			position: latLng,
			map: map,
			draggable: false,
			animation: google.maps.Animation.DROP,
			icon: image,
			title: icao + ' ' + city
		});
	} 
})();
Esto dónde lo coloco? Aquí dónde creas el InfoWindow?
  #18 (permalink)  
Antiguo 09/11/2012, 16:04
 
Fecha de Ingreso: abril-2009
Ubicación: en un lugar de la mancha
Mensajes: 236
Antigüedad: 15 años
Puntos: 38
Respuesta: For PHP en API Google Maps

kieres infoWindow crealo y agregalo a ese codigo ke te he dejado....
  #19 (permalink)  
Antiguo 10/11/2012, 03:28
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por rolygc Ver Mensaje
kieres infoWindow crealo y agregalo a ese codigo ke te he dejado....
He dejado el mapa así:

Código:
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es">
</script>
<script type="text/javascript">
  
function initialize() {
	
	 var Destinos = {
      autozoom: true,
      zoom: 5,
      center: new google.maps.LatLng(40.84706, -2.944336),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    
    var map = new google.maps.Map(document.getElementById("map_canvas"), Destinos);
    
	var lat = [], lon = [], icao = [], city = [];
							
	var i = 0;

	<?php if ( mysql_num_rows($query) > 0): ?> 
		<?php while ( $row = mysql_fetch_assoc($query) ): ?>
		
			lat[i]  = <?php echo $lat[$c]['Lat']; ?>;
			lon[i]  = <?php echo $lon[$c]['Lon']; ?>;
			icao[i] = <?php echo $lat[$c]['ICAO']; ?>; 
			city[i] = <?php echo $lat[$c]['CITY']; ?>;
			i++;

		<?php endwhile; ?>   
	<?php endif; ?>
												
	var latLonCenter = new google.maps.LatLng( lat[0], lon[0] );    
						   
	window.onload = function() 
	{
		var options = {
			zoom: 5,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		map = new google.maps.Map(document.getElementById( 'map_canvas' ), options);

		for ( var i = 0; i < lat.length; i++ )
		{
			var latLng = new google.maps.LatLng( lat[c], lon[c] );
			getMarker( latLng, icao[c], city[c] );
		}  

		map.setCenter(latLonCenter);
	}
							
	function getMarker(latLng, icao, city)
	{
		var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png'; 
		
		marker = new google.maps.Marker({
			position: latLng,
			map: map,
			draggable: false,
			animation: google.maps.Animation.DROP,
			icon: image,
			title: icao + ' ' + city
		});
	} 
})();
        
       
  

</script>
</head>
<body onload="initialize()">
	<center><div id="map_canvas" style="width:950px; height:660px;"></div></center>
</body>
No funciona. Todavía no le he puesto el InfoWindow pero el $query funciona.
Lo que a lo mejor falla es porque las variable $city y $icao no tienen nada que ver con la localización, sólo son varables de texto ej: $city = Vigo & $icao = LEVX.
  #20 (permalink)  
Antiguo 10/11/2012, 11:27
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

No lo entiendo, he probado de todo. No entiendo porque el Marker me lo hace bien con el for y lo otro no. Por favor, una ayudita???
  #21 (permalink)  
Antiguo 10/11/2012, 11:33
 
Fecha de Ingreso: abril-2009
Ubicación: en un lugar de la mancha
Mensajes: 236
Antigüedad: 15 años
Puntos: 38
Respuesta: For PHP en API Google Maps

leete la documentacion de la api para ke la entiendas mejor, el codigo ke te he dejado funciona correctamente porke ya lo he probado antes de enviartelo

https://developers.google.com/maps/d...tutorial?hl=es

PD: no te hace falta cargar en el body del HTML con el onload porke ya en el javascript te habia puesto window.onload = function() ke lo ke hace es cargar esta funcion una vez terminada de cargar la pagina en el navegador. Por lo ke volverlo a cargar con el <body onload="initialize()"> es una redundancia por lo tanto mala eficiencia de tu codigo etc etc, y eso no tiene nada ke ver con la api de google es javascript basico
  #22 (permalink)  
Antiguo 10/11/2012, 11:43
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por rolygc Ver Mensaje
leete la documentacion de la api para ke la entiendas mejor, el codigo ke te he dejado funciona correctamente porke ya lo he probado antes de enviartelo

[url]https://developers.google.com/maps/documentation/javascript/tutorial?hl=es[/url]

PD: no te hace falta cargar en el body del HTML con el onload porke ya en el javascript te habia puesto window.onload = function() ke lo ke hace es cargar esta funcion una vez terminada de cargar la pagina en el navegador. Por lo ke volverlo a cargar con el <body onload="initialize()"> es una redundancia por lo tanto mala eficiencia de tu codigo etc etc, y eso no tiene nada ke ver con la api de google es javascript basico
Esto así no va:

Código:
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<style type="text/css"> 
  html { height: 100% } 
  body { height: 100%; margin: 0px; padding: 0px } 
  #map_canvas { height: 100% } 
</style> 
<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"> 
</script> 
<script type="text/javascript"> 
  function initialize() { 
     
    
(function() 
{
	
	var Destinos = { 
      autozoom: true, 
      zoom: 5, 
      center: new google.maps.LatLng(40.84706, -2.944336), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), Destinos); 
	var lat = [], lon = [], icao = [], city = [];
							
	var i = 0;

	<?php if ( mysql_num_rows($query) > 0): ?> 
		<?php while ( $row = mysql_fetch_assoc($query) ): ?>
		
			lat[i]  = <?php echo $lat[$c]['Lan']; ?>;
			lon[i]  = <?php echo $lon[$c]['Lon']; ?>;
			icao[i] = <?php echo $lat[$c]['ICAO']; ?>; 
			city[i] = <?php echo $lat[$c]['CITY']; ?>;
			i++;

		<?php endwhile; ?>   
	<?php endif; ?>
												
	var latLonCenter = new google.maps.LatLng( lat[0], lon[0] );    
						   
	window.onload = function() 
	{
		var options = {
			zoom: 5,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		map = new google.maps.Map(document.getElementById( 'map_canvas' ), options);

		for ( var i = 0; i < lat.length; i++ )
		{
			var latLng = new google.maps.LatLng( lat[c], lon[c] );
			getMarker( latLng, icao[c], city[c] );
		}  

		map.setCenter(latLonCenter);
	}
							
	function getMarker(latLng, icao, city)
	{
		var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png'; 
		
		marker = new google.maps.Marker({
			position: latLng,
			map: map,
			draggable: false,
			animation: google.maps.Animation.DROP,
			icon: image,
			title: icao + ' ' + city
		});
	} 
})();
   
   
} 
         
        
   

</script> 
</head> 
<body onload="initialize()"> 
    <center><div id="map_canvas" style="width:650px; height:360px;"></div></center> 
</body>
Te agradecería que me ayudaras, porque seguro que lo aplico mal!

Última edición por carlosuc99; 10/11/2012 a las 11:50
  #23 (permalink)  
Antiguo 10/11/2012, 15:46
 
Fecha de Ingreso: abril-2009
Ubicación: en un lugar de la mancha
Mensajes: 236
Antigüedad: 15 años
Puntos: 38
Respuesta: For PHP en API Google Maps

Sorry esto es un for. Cambia el while por un for no se en ke momento se me fue ese while ahi ke era de otra cosa, lo siento mala mia

<?php while ( $row = mysql_fetch_assoc($query) ): ?>

deberia ser un for. Aki tienes ke pasar el array de tu query ke hisciste a la base de datos donde tienes guardados la latitud y longitud de tus aeropuertos.

<?php for ( $c = 0; $c < count($array_query); $c++ ) : ?>

lat[i] = <?php echo $array_query[$c]['Lan']; ?>;
lon[i] = <?php echo $array_query[$c]['Lon']; ?>;

Última edición por rolygc; 10/11/2012 a las 22:22
  #24 (permalink)  
Antiguo 11/11/2012, 13:02
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Bueno,

Ahora me muestra el mapa pero no me muestra los marcadores.

A lo mejor, como ya ha pasado en otros posts, me he explicado mal por lo cual voy a repetir la explicación:

Tengo una tabla en la db llamada Airports. Ahí están todos los aeropuertos (con el tiempo se añaden y se quitan), lo que quiero es que en un mapa me muestre los aeropuertos que hay en la tabla y si pulsas se muestre un InfoWindow mostrando la variable "icao" y "city".

Según me dijisteis en posts anteriores, los InfoWindows se los debería poner yo, ¿dónde? ¿de la misma manera que los puse al principio, cuándo me dió el error, en la segunda respuesta (sin contar el post)?

De todas meneras, pongo el código al completo según va en el .php para que me echéis una mano en las dos dudas.

Código:
<?php
mysql_connect('XXXX', 'XXXX', 'XXXX(') or die('Ha habido un problema con la conexi&oacute;n al servidor.');
mysql_select_db('XXXX') or die('Ha habido un problema con la conexi&oacute;n a la base de datos.');

$query = mysql_query("SELECT * FROM Airports") or die('No se ha podido encontrar el origen'); 

?> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<style type="text/css"> 
  html { height: 100% } 
  body { height: 100%; margin: 0px; padding: 0px } 
  #map_canvas { height: 100% } 
</style> 
<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"> 
</script> 
<script type="text/javascript"> 
  function initialize() { 
     
    
(function() 
{
	
	var Destinos = { 
      autozoom: true, 
      zoom: 5, 
      center: new google.maps.LatLng(40.84706, -2.944336), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), Destinos); 
	var lat = [], lon = [], icao = [], city = [];
							
	var i = 0;

	<?php if ( mysql_num_rows($query) > 0){
		 for( $c = 0; $c < count($array_query); $c++ ){ ?>
		
			lat[i]  = <?php echo $array_query[$c]['Lan']; ?>;
			lon[i]  = <?php echo $array_query[$c]['Lon']; ?>;
			icao[i] = <?php echo $array_query[$c]['ICAO']; ?>; 
			city[i] = <?php echo $array_query[$c]['City']; ?>;
			i++;

		<?php }; ?>   
	<?php }; ?>
												
	var latLonCenter = new google.maps.LatLng( lat[0], lon[0] );    
						   
	window.onload = function() 
	{
		var options = {
			zoom: 5,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		map = new google.maps.Map(document.getElementById( 'map_canvas' ), options);

		for ( var i = 0; i < lat.length; i++ )
		{
			var latLng = new google.maps.LatLng( lat[c], lon[c] );
			getMarker( latLng, icao[c], city[c] );
		}  

		map.setCenter(latLonCenter);
	}
							
	function getMarker(latLng, icao, city)
	{
		var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png'; 
		
		marker = new google.maps.Marker({
			position: latLng,
			map: map,
			draggable: false,
			animation: google.maps.Animation.DROP,
			icon: image,
			title: icao + ' ' + city
		});
	} 
})();
   
   
} 
         
        
   

</script> 
</head> 
<body onload="initialize()"> 
    <center><div id="map_canvas" style="width:650px; height:360px;"></div></center> 
</body>
  #25 (permalink)  
Antiguo 12/11/2012, 04:55
txemaarbulo
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: For PHP en API Google Maps

carlosuc99
Te comentaba más arriba pateketrueke que estás mezclando dos lenguajes (y veo bastante desorden) y los foros sirven de consulta y ayuda: no de solución de problemas ajenos.

Tomándome mi tiempo de colaboración, quiero desbloquear tu planteamiento:

Por una parte, entiende que nadie puede reproducir tu código y tu mapa, ya que los datos están en tu mysql y hemos de creer que se recogen bien los datos.

Desde el código veo que hay un doble cierre de llaves recogidas en PHP que me dan error:
Código Javascript:
Ver original
  1. ...
  2.         <?php }; ?>  
  3.     <?php }; ?>...

Cargas dos veces el mapa con dos funciones que han de hacer lo mismo, una dentro de otra y con diferentes valores:
Código Javascript:
Ver original
  1. function initialize() {
  2.      
  3.    
  4. (function()
  5. {
  6.    
  7.     var Destinos = {
  8.       autozoom: true,
  9.       zoom: 5,
  10.       center: new google.maps.LatLng(40.84706, -2.944336),
  11.       mapTypeId: google.maps.MapTypeId.ROADMAP
  12.     };
  13.     var map = new google.maps.Map(document.getElementById("map_canvas"), Destinos);  /*...*/
y dentro de esta función
Código Javascript:
Ver original
  1. window.onload = function()
  2.     {
  3.         var options = {
  4.             zoom: 5,
  5.             mapTypeId: google.maps.MapTypeId.ROADMAP
  6.         };
  7.  
  8.         map = new google.maps.Map(document.getElementById( 'map_canvas' ), options); /* ... */

Te recomendaría leer a fondo el enlace de developers de Google https://developers.google.com/maps/a...lajax_v3?hl=es

Verás que, como te adelantaba pateketrueke en #8, es mejor recoger los datos de la tabla en JSON o XML (como se explica en la página).

Tienes todos los elementos para crear hasta diferentes tipos de marcadores y los infowindows correspondientes.
  #26 (permalink)  
Antiguo 12/11/2012, 08:32
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Ok,

Lo he dejado así:

Código:
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<style type="text/css"> 
  html { height: 100% } 
  body { height: 100%; margin: 0px; padding: 0px } 
  #map_canvas { height: 100% } 
</style> 
<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"> 
</script> 
<script type="text/javascript"> 
     
    
(function() 
{
	
	var lat = [], lon = [], icao = [], city = [];
							
	var i = 0;

	<?php if ( mysql_num_rows($query) > 0){
		 for( $c = 0; $c < count($array_query); $c++ ){ ?>
		
			lat[i]  = <?php echo $array_query[$c]['Lan']; ?>;
			lon[i]  = <?php echo $array_query[$c]['Lon']; ?>;
			icao[i] = <?php echo $array_query[$c]['ICAO']; ?>; 
			city[i] = <?php echo $array_query[$c]['City']; ?>;
			i++;

		<?php }; ?>   
	<?php }; ?>
												
	var latLonCenter = new google.maps.LatLng( lat[0], lon[0] );    
						   
	window.onload = function() 
	{
		var options = {
			zoom: 5,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		map = new google.maps.Map(document.getElementById( 'map_canvas' ), options);

		for ( var i = 0; i < lat.length; i++ )
		{
			var latLng = new google.maps.LatLng( lat[c], lon[c] );
			getMarker( latLng, icao[c], city[c] );
		}  

		map.setCenter(latLonCenter);
	}
							
	function getMarker(latLng, icao, city)
	{
		var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png'; 
		
		marker = new google.maps.Marker({
			position: latLng,
			map: map,
			draggable: false,
			animation: google.maps.Animation.DROP,
			icon: image,
			title: icao + ' ' + city
		});
	} 
})();


         
        
   

</script> 
</head> 
<body onload="initialize()"> 
    <center><div id="map_canvas" style="width:650px; height:360px;"></div></center> 
</body>
Las consultas a la base de datos van bien.

Los...
Código PHP:
...
        <?php }; ?>   
    <?php }; ?>...
Son para cerrar el if y el for.

De todas maneras como lo he dejado no carga ni el mapa.
  #27 (permalink)  
Antiguo 12/11/2012, 09:31
txemaarbulo
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: For PHP en API Google Maps

Sigo viendo errores de base:

La consola de errores me sigue dando de más el cierre. No quiero entrar a analizar si el PHP dentro del Javascript crean en este punto algún conflicto. Lo concreto es que con Google Maps, una coma, un punto y coma, un paréntesis de más o de menos nos bloquean la visualización de mapa.

Por hacer un análisis somero, sobre tu último código:

Si <body onload="initialize()">
Código Javascript:
Ver original
  1. function initialize() { /* ... */}

Si <body>
Código Javascript:
Ver original
  1. window.onload = function () { /* ... */}

El mapa no está centrado en
Código Javascript:
Ver original
  1. var options = {
  2.             zoom: 5,
  3.             mapTypeId: google.maps.MapTypeId.ROADMAP
  4.         };

...

Por otra parte, ten en cuenta que con tu mapa mapTypeId: google.maps.MapTypeId.ROADMAP el icono se ve con dificultad, ya que es éste


Bien: olvidemos por un momento PHP.

Partamos (aproximándome al máximo a tu código) de éste:
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2.     <head>
  3.     <meta charset="utf-8">
  4.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  6.     <title>Mapa ruta simple</title>
  7.     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es"></script>
  8. <script type="text/javascript">
  9.     var latLonCenter = new google.maps.LatLng(40.84706, -2.944336);
  10.  
  11. window.onload = function () {
  12.   var options = {
  13.     zoom: 5,
  14.     center: latLonCenter,
  15.     mapTypeId: google.maps.MapTypeId.ROADMAP
  16.   };
  17.  
  18.   map = new google.maps.Map(document.getElementById('map_canvas'), options);
  19.  
  20.   var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png';
  21.  
  22.   marker = new google.maps.Marker({
  23.     position: latLonCenter,
  24.     map: map,
  25.     draggable: false,
  26.     animation: google.maps.Animation.DROP,
  27.     icon: image,
  28.     title: 'Mi marcador'
  29.   });
  30.   map.setCenter(latLonCenter);
  31. }
  32. </script>
  33.   </head>
  34.  
  35.   <body>
  36.     <center><div id="map_canvas" style="width:650px; height:360px;"></div></center>
  37.   </body>
  38.  
  39. </html>

A continuación ve introduciendo tus elementos y comprobando en cada paso, bien mediante alert o mediante echo si llegan los datos como deseamos (con o sin paréntesis, comillas, etc.).

Si te has finado en el enlace que te he pasado, al final del todo, (construido el XML previamente) el javascript, incluso la página completa carece de código PHP.
  #28 (permalink)  
Antiguo 12/11/2012, 13:17
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Bueno,

Ahora he vuelto a lo del principio:

Tengo este código:

Código Javascript:
Ver original
  1. <?php
  2.  
  3. $query = mysql_query("SELECT * FROM Airports") or die('No se ha podido encontrar el origen');
  4.  
  5. ?>
  6.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  7. <style type="text/css">
  8.   html { height: 100% }
  9.   body { height: 100%; margin: 0px; padding: 0px }
  10.   #map_canvas { height: 100% }
  11. </style>
  12. <script type="text/javascript"
  13.     src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es">
  14. </script>
  15. <script type="text/javascript">
  16.  
  17.  
  18. window.onload = function () {
  19.   var options = {
  20.     zoom: 5,
  21.     center: new google.maps.LatLng(40.84706, -2.944336),
  22.     mapTypeId: google.maps.MapTypeId.ROADMAP
  23.   };
  24.  
  25.   map = new google.maps.Map(document.getElementById('map_canvas'), options);
  26.  
  27.  
  28.   <?php
  29.         for($i = 0; $i < mysql_num_rows($query); $i++){
  30.             $lat = mysql_result($query, $i, 'Lat');
  31.             $lon = mysql_result($query, $i, 'Lon');
  32.             $icao = mysql_result($query, $i, 'ICAO');
  33.             $city = mysql_result($query, $i, 'City');
  34.         ?>
  35.   var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png';
  36.   var latLonCenter = new google.maps.LatLng(<?php echo $lat; ?>, <?php echo $lon; ?>);
  37.   marker = new google.maps.Marker({
  38.     position: latLonCenter,
  39.     map: map,
  40.     draggable: false,
  41.     icon: image,
  42.     title: '<?php echo $icao; ?> - <?php echo $city; ?>'
  43.   });
  44.  
  45.  
  46.     var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>';
  47.    
  48.     var infowindow = new google.maps.InfoWindow({
  49.     content: Airport1
  50.     });
  51.  
  52.     google.maps.event.addListener(marker, 'click', function() {
  53.     infowindow.open(map,marker);
  54.     });
  55.  
  56. <?php } ?>
  57.  
  58. }
  59. </script>
  60.   </head>
  61.  
  62.   <body>
  63.     <center><div id="map_canvas" style="width:650px; height:360px;"></div></center>
  64.   </body>

Me muestra todos los aeropuertos (lo que demuestra que la consulta a la db está OK), pero al pulsar siempre me sale el InfoWindow de Valencia, pulse en Madrid, Barcelona o Valencia y no se me despliega el de cada uno.
  #29 (permalink)  
Antiguo 12/11/2012, 14:39
txemaarbulo
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: For PHP en API Google Maps

Como te decía más arriba, personalmente desarrollo el php fuera del javascript, tomando los valores del primero mediante campos ocultos u otros archivos (XML preferentremente).

Tomando tu código: prueba mediante alert comprobar que infowindows recoge lo que deseas. Para ello, inmediatamente después de var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>'; despliega el alert:
Código Javascript:
Ver original
  1. var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>';
  2. alert (Airport1);

Se repetirá el alert tantas veces como marcadores tengas.

Si te funciona y es lo que quieres, elimina el alert y cambia:
Código Javascript:
Ver original
  1. google.maps.event.addListener(marker, 'click', function() {
  2.     infowindow.open(map,marker);
  3.     });
por
Código Javascript:
Ver original
  1. google.maps.event.addListener(marker, 'click', function () {
  2.       var n = 1;
  3.       var infowindow = new google.maps.InfoWindow({
  4.         content: "",
  5.         maxWidth: 320,  //Ancho de ventana infowindows en px
  6.         zIndex: n // para que el último infowindows se superponga
  7.       });
  8.       infowindow.setContent(this.Airport1);
  9.       infowindow.setZIndex(n++);  // superpone el último infowindows
  10.       infowindow.open(map, this);
  11.     });

Si te funciona, envía un enlace para verlo. Como te dije, tengo siempre mis dudas en el binomio PHP - Javascript.
  #30 (permalink)  
Antiguo 13/11/2012, 09:01
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 9 meses
Puntos: 5
Exclamación Respuesta: For PHP en API Google Maps

Cita:
Iniciado por txemaarbulo Ver Mensaje
Como te decía más arriba, personalmente desarrollo el php fuera del javascript, tomando los valores del primero mediante campos ocultos u otros archivos (XML preferentremente).

Tomando tu código: prueba mediante alert comprobar que infowindows recoge lo que deseas. Para ello, inmediatamente después de var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>'; despliega el alert:
Código Javascript:
Ver original
  1. var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>';
  2. alert (Airport1);

Se repetirá el alert tantas veces como marcadores tengas.

Si te funciona y es lo que quieres, elimina el alert y cambia:
Código Javascript:
Ver original
  1. google.maps.event.addListener(marker, 'click', function() {
  2.     infowindow.open(map,marker);
  3.     });
por
Código Javascript:
Ver original
  1. google.maps.event.addListener(marker, 'click', function () {
  2.       var n = 1;
  3.       var infowindow = new google.maps.InfoWindow({
  4.         content: "",
  5.         maxWidth: 320,  //Ancho de ventana infowindows en px
  6.         zIndex: n // para que el último infowindows se superponga
  7.       });
  8.       infowindow.setContent(this.Airport1);
  9.       infowindow.setZIndex(n++);  // superpone el último infowindows
  10.       infowindow.open(map, this);
  11.     });

Si te funciona, envía un enlace para verlo. Como te dije, tengo siempre mis dudas en el binomio PHP - Javascript.
Vaya, ahora tampoco va hahaha. Con el Alert me muestra los Alerts de todos los aeropuertos correctamente. Pero al pulsar para mi desilusión (jeje) no pasa nada en ningún aeropuerto.

Lo he dejado así:

Código Javascript:
Ver original
  1. <?php
  2.  
  3. $query = mysql_query("SELECT * FROM Airports") or die('No se ha podido encontrar el origen');
  4.  
  5. ?>
  6.     <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  7. <style type="text/css">
  8.   html { height: 100% }
  9.   body { height: 100%; margin: 0px; padding: 0px }
  10.   #map_canvas { height: 100% }
  11. </style>
  12. <script type="text/javascript"
  13.     src="http://maps.google.com/maps/api/js?sensor=false&amp;language=es">
  14. </script>
  15. <script type="text/javascript">
  16.  
  17.  
  18. window.onload = function () {
  19.   var options = {
  20.     zoom: 5,
  21.     center: new google.maps.LatLng(40.84706, -2.944336),
  22.     mapTypeId: google.maps.MapTypeId.ROADMAP
  23.   };
  24.  
  25.   map = new google.maps.Map(document.getElementById('map_canvas'), options);
  26.  
  27.  
  28.   <?php
  29.         for($i = 0; $i < mysql_num_rows($query); $i++){
  30.             $lat = mysql_result($query, $i, 'Lat');
  31.             $lon = mysql_result($query, $i, 'Lon');
  32.             $icao = mysql_result($query, $i, 'ICAO');
  33.             $city = mysql_result($query, $i, 'City');
  34.         ?>
  35.   var image = 'http://mapicons.nicolasmollet.com/wp-content/uploads/mapicons/shape-default/color-d22328/shapecolor-color/shadow-1/border-dark/symbolstyle-white/symbolshadowstyle-dark/gradient-no/airport.png';
  36.   var latLonCenter = new google.maps.LatLng(<?php echo $lat; ?>, <?php echo $lon; ?>);
  37.   marker = new google.maps.Marker({
  38.     position: latLonCenter,
  39.     map: map,
  40.     draggable: false,
  41.     icon: image,
  42.     title: '<?php echo $icao; ?> - <?php echo $city; ?>'
  43.   });
  44.  
  45.  
  46.     var Airport1 = '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>';
  47.  
  48.     var infowindow = new google.maps.InfoWindow({
  49.     content: Airport1
  50.     });
  51.  
  52.  
  53.     google.maps.event.addListener(marker, 'click', function () {
  54.       var n = 1;
  55.       var infowindow = new google.maps.InfoWindow({
  56.         content: '<h3 align="center" style="font-family:Arial, Helvetica, sans-serif"><?php echo $icao; ?> - <?php echo $city; ?></h3>',
  57.         maxWidth: 320,  //Ancho de ventana infowindows en px
  58.         zIndex: n // para que el último infowindows se superponga
  59.       });
  60.      
  61.       infowindow.setContent(this.Airport1);
  62.       infowindow.setZIndex(n++);  // superpone el último infowindows
  63.       infowindow.open(map, this);
  64.     });
  65.  
  66. <?php } ?>
  67.  
  68. }
  69. </script>
  70.   </head>
  71.  
  72.   <body>
  73.     <center><div id="map_canvas" style="width:650px; height:360px;"></div></center>
  74.   </body>

Si quieres la URL te la dejo por privado.

Etiquetas: api, google, html, maps, mysql, tabla
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:10.