[SOLUCIONADO] desbordamiento de pila : javascript : google maps

evoarte · #1 (**permalink**) 21/03/2013, 17:38

hola,

no veo donde tengo el error, me devuelve un desbordamiento de pila, debe estar en el for al declarar los métodos y clases de google maps, por que haciéndolo diferente si que visualizo el mapa, pero necesito utilizar un array que recibe el resultado de una consulta a la base de datos:

Código HTML:

Ver original<!DOCTYPE HTML>
 
<html lang="es">
<head>
<meta charset="iso-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<style type="text/css">   
 
#map { width: 100%; height: 375px }
#mapconten{ width: 820px; margin: 5px 10px; border: 10px solid #fff; box-shadow: 0px 0px 5px #aaa; }
        
</style>
  
  
<script>
    
var prosepro = new Array();
prosepro[0] = new Array('San Juan', 18.465, -66.105);
prosepro[1] = new Array('Fajardo', 18.336, -65.65);
            
</script>
 
 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language=es"></script>
    
 
</head>
 
<body>
    
<div id="mapconten">
    
<div id="map"></div>
        
</div>
 
<script>
 
var options = {
    zoom: 8
    , center: new google.maps.LatLng(18.465, -66.105)
    , mapTypeId: google.maps.MapTypeId.ROADMAP
};
    
var map = new google.maps.Map(document.getElementById('map'), options);
var limits = new google.maps.LatLngBounds();
 
var pospro = new Array();
var coorde;
 
for ( var i in prosepro ) {
    
        coorde = prosepro[i][1] + ", " + prosepro[i][2];
        pospro[i] = new google.maps.LatLng(coorde);
        
        var marker = new google.maps.Marker({
        position: pospro[i]
    , map: map
    , title: prosepro[i][0]
    , icon: 'images/googlemaps/marcador.png'
});
limits.extend(pospro[i]);
}
map.fitBounds(limits);
 
</script>
 
</body>

zerokilled · #2 (**permalink**) 21/03/2013, 20:13

buenas...
debes fijarte en el uso correcto de la API. específicamente en la línea #55 estás pasando los argumentos de forma incorrecta al constructor LatLng. le estas asignando un string en lugar de dos parámetros numéricos.

evoarte · #3 (**permalink**) 22/03/2013, 02:51

hola y gracias,

xD, en que estaría pensando, y no lo veía. (prometo que no había tomado nada, aunque fueran las 12 de la noche)

Código Javascript:

Ver originalfor ( var i in prosepro ) {
pospro[i] = new google.maps.LatLng(prosepro[i][1],prosepro[i][2]);
var marker = new google.maps.Marker({
    position: pospro[i]
, map: map
, title: prosepro[i][0]
, icon: 'images/googlemaps/marcador.png'
});
limits.extend(pospro[i]);
}
 
un saludo,
josé carlos.