estoy tratando de correr la siguiente pagina pero, el ciclo que genero para crear los puntos en google maps, pareciera no funcionar sin embargo puse un alert para ver las coordenadas y funciona correctamente, no se si estoy poniendo una variable mal o algo no tengo mucho usando javascript agrade seria su ayuda.
Código HTML:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=LLAVE&sensor=FALSE"></script>
<link rel="stylesheet" href="css/style.css"></link>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(23.7333, -99.1333),
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map_direcciones = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
//capturamos la URL y la descomponemos
var Url = location.href;
Url = Url.replace(/.*\?(.*?)/,"$1");
Variables = Url.split ("&");
for (i = 0; i < Variables.length; i++) {
Separ = Variables[i].split("=");
eval ('var '+Separ[0]+'="'+Separ[1]+'"');
}
//Para comprobarlo:
var strcoordenadas = coordenadas.substring(0, coordenadas.length-1);
var strdirecciones = direcciones.substring(0, direcciones.length-1);
var strtipo = tipo.substring(0, tipo.length-1);
var matriscoordenadas = strcoordenadas.split('@');
var matrisdirecciones = strdirecciones.split('@');
var matristipo = strtipo.split('@');
//hay que hacer mas puntos de estos con php//
for(e = 0; e < matriscoordenadas.length; e++){
var contenido = '<div id="tooltip"> <h1>Direccion</h1> <p> <b>Dirreccion: '+ e +'</b></p><p><b>Tipo:</b></p> </div>';
alert(matriscoordenadas[e].replace('%20', ' '));
var direccion = new google.maps.LatLng(matriscoordenadas[e]);
var detalle_direccion = new google.maps.Marker({
position: direccion,
map: map_direcciones,
title: 'Detalle de la Direccion',
draggable: true
})
var infodireccion = new google.maps.InfoWindow({
content:contenido
});
google.maps.event.addListener(detalle_direccion,'click',function(){
infodireccion.open(map_direcciones,detalle_direccion);
});
//hasta aqui un solo punto//
}
};
$(document).ready(function(){
initialize();
})
</script>
</head>
<body>
<div id="map_canvas">
<!-- Aqui ira el Mapa -->
</div>
</body>
</html>