[SOLUCIONADO] problemas al generar puntos en google maps

Esfinge02 · #1 (**permalink**) 03/10/2014, 16:55

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>

Esfinge02 · #2 (**permalink**) 04/10/2014, 17:28

el código al final quedo así:

matriscoordenadas[e] = matriscoordenadas[e].replace('%20', '');
var cor = matriscoordenadas[e].split(',');

direccion = new google.maps.LatLng(cor[0],cor[1]);