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>
<meta charset="iso-8859-1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0">
#map { width: 100%; height: 375px }
#mapconten{ width: 820px; margin: 5px 10px; border: 10px solid #fff; box-shadow: 0px 0px 5px #aaa; }
var prosepro = new Array();
prosepro[0] = new Array('San Juan', 18.465, -66.105);
prosepro[1] = new Array('Fajardo', 18.336, -65.65);
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=es"></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);