Nueva pregunta

Pregunta:

Fecha: 25-11-2015 20:58:52 (En Español)

Trabajando con API de Google Map[Resuelta]

Buenas compañeros, estoy intentando armar un mapa con las direcciones de unos centros de atención de las provincias y ciudades de Argentina. Por el momento seria de modo de ejemplo por que es para un trabajo practico.

Lo que quiero hacer es marcar todos los centros de atención en el google map (Argentina) y despues por medio de un Select pueda elegir la provincia y ciudad. Es decir cuando elija la provincia Santa Fe el mapa localize esa provincia y depues que filtre por ciudades ej, Rosario, Rafaela, ect.

Un Ejemplo que hice hace un rato fue esto.

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Select Dependiente</title>
   <script src="http://maps.googleapis.com/maps/api/js"></script>
   <script>
      //Ejemplo de Ciudades Santa Fe
      var provincia_1 = new Array('Seleccione una ciudad', 'Rosario', 'Rafela');

      function cambiar_provincia() {
         var provincia;

         //Obtengo el value del select seleccionado
         provincia = document.form.provincia[document.form.provincia.selectedIndex].value;


         //Compruebo que el value de provinia no sea 0
         if(provincia != 0) {
                mis_ciudades = eval("provincia_" + provincia);
               num_ciudades = mis_ciudades.length;
               document.form.ciudad.length = num_ciudades;

               for(i = 0; i < num_ciudades; i++) {
                  document.form.ciudad.options[i].value = mis_ciudades[i];
                  document.form.ciudad.options[i].text = mis_ciudades[i];
               }
         }
         else {
            document.form.ciudad.length = 1;
            document.form.ciudad.options[0].value = '-';
            document.form.ciudad.options[0].text = '-';

         }
         document.form.ciudad.options[0].selected = true;

         //Obtengo el texto del Select provincia.
         var textProvincia = document.form.provincia[document.form.provincia.selectedIndex].text;

         //Si el string del Select es Santa Fe creo otro mapa con las latitud y longitud de la provincia de Santa Fe
         if(textProvincia == 'Santa Fe') {
            var mapPro = {
               center : new google.maps.LatLng(-31.2683796,-61.0356323),
               zoom : 6,
               mapTypeId : google.maps.MapTypeId.ROADMAP
            };

               var map = new google.maps.Map(document.getElementById('mapa'),mapPro);
            }
      }


      //Funcion para inicializar el mapa cuando se termine de  cargar el sitio.
      function inicialiar_map() {
         var mapPro = {
            center : new google.maps.LatLng(-37.9248496,-63.7295546),
            zoom : 5,
            mapTypeId : google.maps.MapTypeId.ROADMAP
         };

         var map = new google.maps.Map(document.getElementById('mapa'),mapPro);
      }


   </script>
</head>
<body onload="inicialiar_map()">
   <form action="#" name="form" method="post">
         <select name="provincia" onchange="cambiar_provincia()">
            <option value="0" selected>Seleccione Provincia</option>
            <option value="1">Santa Fe</option>
            <option value="2">La Plata</option>
            <option value="3">Mendoza</option>
         </select>

         <select name="ciudad">
            <option value="-">---</option>
         </select>
         <br/>
            <br/>
         <div id="mapa" style="height: 500px; width: 600px"></div>
   </form>
</body>
</html>


Todavia me falta agregar los centros de atención en el mapa.

Con esto lo que hago es tomar el texto del select seleccionado y comprobar si es igual a Santa Fe si es igual creo un nuevo objeto pasandole la longitud y latitud de la provincia de Santa Fe.

         if(textProvincia == 'Santa Fe') {
            var mapPro = {
               center : new google.maps.LatLng(-31.2683796,-61.0356323),
               zoom : 6,
               mapTypeId : google.maps.MapTypeId.ROADMAP
            };

               var map = new google.maps.Map(document.getElementById('mapa'),mapPro);
            }
      }


Estuve leyendo que se podria hacer algo con Json, pero sinceramente estoy por perdido.

¡Saludos!
Etiquetas: Google API - Google Maps - HTML - Javascript - JSON - Maps - Pregunta Votos: 1 - Respuestas: 15 - Vistas: 13 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 26-11-2015 08:26:31 Hola Gustavo:

    He estado revisando tu código y hay varias cosas a mejorar.
    Te las voy comentando (con los trozos de código cambiado) para pasarte el código completo al final.
    Una vez tengas comprendido el código y por qué lo modifico, entraríamos (más adelante) en la segunda parte, que es recomendable trabajarla en JSON (es más ágil que XML) e incluso de forma más fácil con JQUERY.

    Por una parte, he modificado mínimamente la cabecera. Puedes entender que son caprichos míos, pero el sensor=false es recomendable.
    <html lang="es-ES">  (o si quieres, <html lang="es-AR">
    ...
       <script src="http://maps.google.com/maps/api/js?sensor=false"></script>


    En la función que carga el mapa, he eliminado la llamada a la misma en la etiqueta <body> (<body onload="inicialiar_map()">) para llamarla dentro del Javascript (al final del mismo): google.maps.event.addDomListener(window, 'load', inicializar); (simplificando el nombre de la función).

    He anulado el <form> ya que no tiene ninguna función de envío y no interesa recargar la página, dándole un ID al <select>.

    No es recomendable cargar un nuevo mapa cada vez que cambias la opción del select ya que requiere una nueva petición a Google Maps. Es por ello que he creado unas variables generales y he modificado la function cambiar_provincia() (yo la he llamado simplemente provincias).

    Una vez cargado el mapa, realizo una llamada a la función provincias(), además de la propia desde el onchange donde solamente cargará el marcador correspondiente.

    El código quedaría así:
    <!DOCTYPE html>
    <html lang="es-ES">
    <head>
       <meta charset="utf-8">
       <title>Select Dependiente</title>
       <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
       <script>
    //Varibles generales
    var map;
    var centro = new google.maps.LatLng(-37.9248496, -63.7295546);
    var santafe = new google.maps.LatLng(-31.2683796, -61.0356323);
    var laplata = new google.maps.LatLng(-34.920495, -57.953566);
    var mendoza = new google.maps.LatLng(-32.889459, -68.845839);
    
    //Funcion para inicializar el mapa centrado en La Pampa
    function inicializar() {
        var mapPro = {
            center: centro,
            zoom: 5,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('mapa'), mapPro);
    	provincias();
    };
    
    //Compruebo el value de provincia y muestro un marcador
    function provincias() {
        var provincia = document.getElementById("provincia").value;
        if (provincia == 1) {
            var marker = new google.maps.Marker({
                map: map,
                position: santafe,
                title: 'Santa Fe'
            });
        } else if (provincia == 2) {
            var marker = new google.maps.Marker({
                map: map,
                position: laplata,
                title: 'La Plata'
            });
        } else if (provincia == 3) {
            var marker = new google.maps.Marker({
                map: map,
                position: mendoza,
                title: 'Mendoza'
            });
        } else {
            // No muestro ningún marcador
        }
    };
    google.maps.event.addDomListener(window, 'load', inicializar);
    
       </script>
    </head>
    <body>
             <select id="provincia" onchange="provincias()">
                <option value="0" selected>Seleccione Provincia</option>
                <option value="1">Santa Fe</option>
                <option value="2">La Plata</option>
                <option value="3">Mendoza</option>
             </select>
    
             <select id="ciudad">
                <option value="-">---</option>
             </select>
             <br>
        <br>
        <div id="mapa" style="height: 500px; width: 600px"></div>
    </body>
    </html>


    (Creo que es más sencillo y más limpio)

    La segunda parte, la de conformar un JSON con las ciudades de cada provincia, tienes que evaluar si lo recoges desde una base de datos, lo escribes directamente o cómo mejor hacerlo.
    En este punto ya te he comentado que es mejor trabajarlo con JQUERY.

    Nos cuentas
      Votos: 3 - Link respuesta
     
  •  
  • Fecha: 26-11-2015 21:59:07 Hola Artzain Haritz me cambiaste el nombre jaja, Bien entonces al seleccionar un option del combo provincia pones un marcador y verificas que sea la provincia con el value del option.

    google.maps.event.addDomListener(window, 'load', inicializar);


    Con esto lo que haces es usar el objeto window, pasandole el evento load y haces que haga la funcion inicializar.

    http://maps.google.com/maps/api/js?sensor=false
    Algo que no me quedo muy claro con el parametro sensor en la url que función cumple?

    Hasta aquí vinimos de maravilla, pero ejemplo yo quiero que cuando inicie el mapa ya me carge todos los marcadores de centro de atención (de cargar todos los marcadores cuando inicie mapa ya me doy una idea de como hacerlo), y despues con el combo de provincia irme moviendo en el mapa para que sea mas facil de localizar el centro de atencion.

    Un ejemplo que encontre para que te des una idea Mapa

    Y el Json seria todo picado a mano ya que es algo de prueba por el momento.

    Héctor muchas gracias por tu info.

    ¡Saludos y gracias!
      Votos: 0 - Link respuesta
     
  • Fecha: 27-11-2015 07:54:39 Hola Gonzalo (¡que horror, equivocarme en el nombre!):

    sensor=false: a Google le gusta saber el tipo de dispositivo que usamos, como lo puede ser el lenguaje o región) y le estaríamos diciendo que no estamos con dispositivo móvil. En realidad, incluso en estos dispositivos se suele indicar el valor de false ya que el valor true, se cree que puede haber un mayor control de google sobre los usos y solicitudes de mapa. A nivel práctico de funciones, no afecta.

    Para ver todos los marcadores inicialmente, te he preparado este pequeño código Javascript que puedes sustituirlo por el enviado anteriormente. No afecta al HTML aunque en este caso los select no ejecutan su función.
    <script>
    //Varibles generales
    var map;
    var centro = new google.maps.LatLng(-37.9248496, -63.7295546);
    var marcadores = [
            ['Santa Fe', -31.2683796, -61.0356323],
            ['La Plata', -34.920495, -57.953566],
            ['Mendoza', -32.889459, -68.845839]
          ];
    //Funcion para inicializar el mapa centrado en La Pampa
    function inicializar() {
        var mapPro = {
            center: centro,
            zoom: 5,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('mapa'), mapPro);
    	var infowindow = new google.maps.InfoWindow();
        var marker, i;
          for (i = 0; i < marcadores.length; i++) {  
            marker = new google.maps.Marker({
              position: new google.maps.LatLng(marcadores[i][1], marcadores[i][2]),
              map: map,
              title: marcadores[i][0]
            });
            google.maps.event.addListener(marker, 'click', (function(marker, i) {
              return function() {
                infowindow.setContent(marcadores[i][0]);
                infowindow.open(map, marker);
              }
            })(marker, i));
          }
    };
    google.maps.event.addDomListener(window, 'load', inicializar);
    </script>

    Como ves, hay un JSON muy sencillo dentro del Javascript.
    Y he añadido la función del infovindows para acercarte a tu referencia (aquí solo muestra la ciudad).

    Sobre el enlace de tu referencia cabe realizar varios comentarios y mejores soluciones.
    - Marcador personalizado. Puede ser algo como esto. www.artzain.eu/mapas/marker.html
    - Demasiados marcadores. Está la solución de markerclusterer para agruparlos.
    - Estilo de mapa personalizado. OK
    - Y supongo que querrás los "disparadores" para lanzarlos según el departamento/provincia, etc.

    Para ver todo esto (estilos al margen) te dejo un enlace de un proyecto propio no comercializado donde, desde Tráfico, encontrarás la forma de mostrar gasolineras o webcams de mi zona. www.artzain.eu//travelEuskadi/mapaGP.php

    Finalmente, si quieres hacerlo todo picado a mano, la estructura sería (te paso el de las gasolineras de la referencia anterior) algo como esto: www.artzain.eu/travelEuskadi/excel/gasolineras.php (está tomado de un .xls que se actualiza diariamente pero podría ser desde base de datos o hecho a mano (qué horror, casi 9.000 estaciones de servicio con sus diferentes datos que se muestran en parte en el infowindows).

    Te recomiendo paciencia, semanas/meses de trabajo y años de estudio.

    Saludos. (y prometo no volver a llamarte Gustavo).
      Votos: 1 - Link respuesta
     
  • Fecha: 27-11-2015 08:35:15 Muchas gracias por tu sinceridad Artzain Haritz, el json vendria hacer esto

    var marcadores = [
            ['Santa Fe', -31.2683796, -61.0356323],
            ['La Plata', -34.920495, -57.953566],
            ['Mendoza', -32.889459, -68.845839]
          ];

    Voy a leer de como tener un json aparte con las direcciones de los centros y despues llamarlo de javascript.

    Y excelente proyecto personal!!!

    ¡Saludos!
      Votos: 0 - Link respuesta
     
  • Fecha: 27-11-2015 09:16:49 Sí, a lo del JSON.
    Se pueden añadir diversos datos, niveles, ... Para complicarlo siempre hay tiempo.

    Lo importante es estructurar los datos, recogerlos y transferirlos a JSON para manipularlos en Javascript.

    No olvides incluir latitud y longitud. Con solo la dirección habría que acudir a geocoder (Hector pasó un pequeño apunte de lo que es eso) pero requiere tantas peticiones a Google Maps como marcadores tengas y se hace muy lento.

    Suerte y estamos para apoyarte.
      Votos: 1 - Link respuesta
     
  • Fecha: 27-11-2015 18:18:34 Buenas Artzain Haritz, como puedo recorrer el json con jquery?

    Este seria el json

    {"provincia":
       [
          {"santafe":
             [
                {"title": "Centro de Asistencia Judicial (CAJ)", "latitud": -32.955975, "longitud": -60.653538, "content": "<h3>Centro de asistencia Judicial (CAJ)</h3> <strong>Direccion:</strong> Moreno 1763 <br/> <strong>Tel:</strong>(0341)-472-8162<br/> <strong>Linea gratuita:</strong> 0800- 555-8632 "},
                {"title": "Centro Territorial de Denuncias", "latitud": -32.9076738, "logitud": -60.6907758, "content": "<h3>Centro Territorial de Denuncias</h3> <strong>Direccion:</strong> Rondeau 767 <br/><strong>Tel:</strong> (0341)-489-0815"},
                {"title": "Comisaria de la Mujer", "latitud": -32.960808, "logitud": -60.651978, "content": "<h3>Comisaria de la Mujer</h3> <strong>Direccion:</strong> Italia 2153, planta alta <br /> <strong>Tel:</strong> (0341)-472-8523"}
             ]
          }
       ]
    }
    

    Tengo el objeto provincia, adentro tengo santafe con sus propiedades. Pude acceder alas propiedades de esta manera.

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>JSON</title>
       <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
       <script>
       $.getJSON('centro.json', {format: "json"}, function(data) {
             $("div").html(data.provincia[0].santafe[0].title)
          });
       </script>
    </head>
    <body>
       <div></div>
    </body>
    </html>
    


    Pero me gustaria recorrer todo el json para tener todos los datos. :S

    Despues de tanto romperme el marote pude recorrerlo de esta manera, el tema es que la rueda de carga sigue y no para. Algo estara muy mal hecho supungo.

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>JSON</title>
       <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
       <script>
       $.getJSON('centro.json', {format: "json"}, function(data) {
    
          $.each(data.provincia, function(key, obj1) {
                $.each(obj1, function(i, obj2){
                   $.each(obj2, function(j, obj3){
                      document.write(obj3.title+'<br/>');
                   });
                });
             });
          });
       </script>
    </head>
    <body>
       <div></div>
    </body>
    </html>
    




    ¡Saludos!
      Votos: 0 - Link respuesta
     
  • Fecha: 27-11-2015 20:44:39 Gonzalo:

    Te has complicado un poco al hacer el JSON pero se puede trabajar con él.
    Por ciento tienes una longitud y dos logitud

    Dale un ID a tu div para trabajar con él, que vendrán otros div después.

    La lectura de tu JSON sería así:
    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>JSON</title>
       <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
       <script>   
       $.ajax({
        type: "POST",
        url: "centro.json",
        dataType: "json",
        success: function (data) {
    	  $("#centros").html('');
    	  var centro = data.provincia[0].santafe;
          for (var i = 0; i < centro.length; i++) {
    	    $("#centros").append('Centro: '+centro[i].title+'<br>');
    	    $("#centros").append('Latitud: '+centro[i].latitud+'<br>');
    	    $("#centros").append('Longitud: '+centro[i].longitud+'<br>');
    	    $("#centros").append(centro[i].content+'<br><hr>');
    	  }
    	}
      });
       </script>
    </head>
    <body>
       <div id="centros"></div>
    </body>
    </html>

    He puesto un <hr> en la lectura para separar cada centro.

    Saludos
      Votos: 2 - Link respuesta
     
  • Fecha: 27-11-2015 20:58:37 Buenisimo Artzain Haritz, con el código que me pasaste si funciona bien. Voy a prestar mas atención ala hora de tipiar.

    Como podria optimizar mas mi json?

    ¡Saludos y gracias!
      Votos: 0 - Link respuesta
     
  • Fecha: 27-11-2015 21:37:38 Gonzalo:

    En el código que te pasé, hay varias líneas sin el [;] final. (también lo corrijo en el post anterior)
    <script>
       $.ajax({
        type: "POST",
        url: "centro.json",
        dataType: "json",
        success: function (data) {
    	  $("#centros").html('');
    	  var centro = data.provincia[0].santafe;
          for (var i = 0; i < centro.length; i++) {
    	    $("#centros").append('Centro: '+centro[i].title+'<br>');
    	    $("#centros").append('Latitud: '+centro[i].latitud+'<br>');
    	    $("#centros").append('Longitud: '+centro[i].longitud+'<br>');
    	    $("#centros").append(centro[i].content+'<br><hr>');
    	  }
    	}
      });
       </script>

    ¿Cómo optimizar el JSON?
    Dado que creo trabajaras con varias provincias, puedes seguir este esquema y como está lo tienes prepardo.
    Cambiarlo requeriría modificar el javascript.
      Votos: 1 - Link respuesta
     
  • Fecha: 27-11-2015 22:55:42 Otra forma de estructurar el JSON (en mi opinión más fácil de controlar cada provincia) con su correspondiente Javascript (también mejor para seleccionar cada provincia).

    JSON
    [{"provincia":"santafe",
        "datos":[{"title": "Centro de Asistencia Judicial (CAJ)", "latitud": -32.955975, "longitud": -60.653538, "content": "<h3>Centro de asistencia Judicial (CAJ)</h3> <strong>Direccion:</strong> Moreno 1763 <br/> <strong>Tel:</strong>(0341)-472-8162<br/> <strong>Linea gratuita:</strong> 0800- 555-8632 "},
        {"title": "Centro Territorial de Denuncias", "latitud": -32.9076738, "longitud": -60.6907758, "content": "<h3>Centro Territorial de Denuncias</h3> <strong>Direccion:</strong> Rondeau 767 <br/><strong>Tel:</strong> (0341)-489-0815"},
        {"title": "Comisaria de la Mujer", "latitud": -32.960808, "longitud": -60.651978, "content": "<h3>Comisaria de la Mujer</h3> <strong>Direccion:</strong> Italia 2153, planta alta <br /> <strong>Tel:</strong> (0341)-472-8523"}]
    }]

    Javascript
       <script>   
    $.ajax({
        type: "POST",
        url: "centro.json",
        dataType: "json",
        success: function(data) {
            $("#centros").html('');
            for (var i = 0; i < data.length; i++) {
                var provincia = [data[i].provincia];
                if (data[i].provincia == "santafe") {
                    var datos = [data[i].datos];
                    for (var j = 0; j < datos.length; j++) {
                        var santafe = datos[j];
                        for (var k = 0; k < santafe.length; k++) {
                            $("#centros").append('Centro: ' + santafe[k].title + '<br>');
                            $("#centros").append('Latitud: ' + santafe[k].latitud + '<br>');
                            $("#centros").append('Longitud: ' + santafe[k].longitud + '<br>');
                            $("#centros").append(santafe[k].content + '<br><hr>');
                        }
                    }
                }
            }
        }
    });
       </script>

    Creo que puede ser más fácil para cuando tengas que implementar if (data[i].provincia == "mendoza") , etc.
      Votos: 1 - Link respuesta
     
  • Fecha: 29-11-2015 17:30:37 Artzain Haritz, muchas gracias por tus ejemplo me aclaraste el panorama. Voy hacer algunas pruebas y si tengo algun otro problema vuelvo a comentar.

    ¡Saludos!
      Votos: 0 - Link respuesta
     
  • Fecha: 07-01-2016 10:10:07 Buenas, volviendo a este tema ya finalize el curso con exito, el tema ahora es que me gustaria tener todos los centros de atencion de Argentina y seria muy trabajoso hacerlo todo a mano. Se podria tomar prestado por asi decirlo la información de este mapa Argenwamp por lo que lei se carga la información de un json o bien de una hoja de calculo de google.

    Espero tu respuesta Txema Artzain

    ¡Saludos!
      Votos: 0 - Link respuesta
     
  • Fecha: 07-01-2016 21:21:35 Sería cuestión de hablar con éllos y ver si te pueden pasar los datos.

    Sea cual fuere el formato, tendrás que transformarlo a JSON para trabajarlo en tu mapa.

    Creo haber comentado que el mapa de referencia necesita ser trabajado también con la librería markerclusterer ya que queda muy saturado el mapa.

    Saludos. txema
      Votos: 1 - Link respuesta
     
  • Fecha: 11-01-2016 12:02:12 Buenas tardes Txema, gracias por la info investigue la libreria markerclusterer excelente :). Por el momento no e tenido respuesta para obtener los datos de ellos.

    Estoy haciendo un hoja de calculo de google para luego convertirla a json, URL de hoja de calculo centros_atencion

    Estaria bien la estructura de la hoja de calculo, el json que me devuelve es este

    {
      "version": "1.0",
      "encoding": "UTF-8",
      "feed": {
        "xmlns": "http://www.w3.org/2005/Atom",
        "xmlns$openSearch": "http://a9.com/-/spec/opensearchrss/1.0/",
        "xmlns$gsx": "http://schemas.google.com/spreadsheets/2006/extended",
        "id": {
          "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic"
        },
        "updated": {
          "$t": "2016-01-11T21:44:27.880Z"
        },
        "category": [
          {
            "scheme": "http://schemas.google.com/spreadsheets/2006",
            "term": "http://schemas.google.com/spreadsheets/2006#list"
          }
        ],
        "title": {
          "type": "text",
          "$t": "Hoja 1"
        },
        "link": [
          {
            "rel": "alternate",
            "type": "application/atom+xml",
            "href": "https://docs.google.com/spreadsheets/d/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/pubhtml?hl\u003den_US"
          },
          {
            "rel": "http://schemas.google.com/g/2005#feed",
            "type": "application/atom+xml",
            "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic"
          },
          {
            "rel": "http://schemas.google.com/g/2005#post",
            "type": "application/atom+xml",
            "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic"
          },
          {
            "rel": "self",
            "type": "application/atom+xml",
            "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic?alt\u003djson"
          }
        ],
        "author": [
          {
            "name": {
              "$t": "hgonzalo94"
            },
            "email": {
              "$t": "hgonzalo94@gmail.com"
            }
          }
        ],
        "openSearch$totalResults": {
          "$t": "9"
        },
        "openSearch$startIndex": {
          "$t": "1"
        },
        "entry": [
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cokwr"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "Centro de Asistencia Judicial (CAJ)"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.955.975, longitud: -60.653.538, content: Centro de asistencia Judicial (CAJ)\u003c/h4\u003e \u003cstrong\u003eDireccion:\u003c/strong\u003e Moreno 1763 \u003cbr/\u003e \u003cstrong\u003eTel:\u003c/strong\u003e(0341)-472-8162\u003cbr/\u003e \u003cstrong\u003eLinea gratuita:\u003c/strong\u003e 0800- 555-8632 \u003cbr /\u003e \u003cstrong\u003eEmail:\u003c/strong\u003e \u003ca href\u003d\\\"mailto:cajrosario@santafe.gov.ar\\\"\u003ecajrosario@santafe.gov.ar\u003c/a\u003e"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cokwr"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cpzh4"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "Centro Territorial de Denuncias"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -329.076.738, longitud: -606.907.758, content: \u003ch4\u003eCentro Territorial de Denuncias\u003c/h4\u003e \u003cstrong\u003eDireccion:\u003c/strong\u003e Rondeau 767 \u003cbr/\u003e\u003cstrong\u003eTel:\u003c/strong\u003e (0341)-489-0815"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cpzh4"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cre1l"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "Comisaria de la Mujer"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.960.808, longitud: -60.651.978, content: \u003ch4\u003eComisaria de la Mujer\u003c/h4\u003e \u003cstrong\u003eDireccion:\u003c/strong\u003e Italia 2153, planta alta \u003cbr /\u003e \u003cstrong\u003eTel:\u003c/strong\u003e (0341)-472-8523"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cre1l"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/chk2m"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "Equipo Interdisciplinario de Violencia Familiar"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.953.276, longitud: -60.650.013, content: \u003ch4\u003eEquipo Interdisciplinario de Violencia Familiar\u003c/h4\u003e \u003cstrong\u003eDirección\u003c/strong\u003e Zeballos 1799 \u003cbr /\u003e \u003cstrong\u003eTel:\u003c/strong\u003e (0341)-472-1861 \u003cbr /\u003e \u003cstrong\u003eEmail:\u003c/strong\u003e \u003ca href\u003d\\\"mailto:politicasdegenero@santafe.gov.ar\\\"\u003epoliticasdegenero@santafe.gov.ar\u003c/a\u003e"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/chk2m"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/ciyn3"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "Asesoramiento Psíco - Jurídico en Violencia Familiar"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.935.642, longitud: -60.709.108, content: \u003ch4\u003eAsesoramiento Psíco - Jurídico en Violencia Familiar\u003c/h4\u003e \u003cstrong\u003eDirección\u003c/strong\u003e Santa Fe 638 \u003cbr /\u003e \u003cstrong\u003eTel:\u003c/strong\u003e (0341)-480-2444"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/ciyn3"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/ckd7g"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "CMD Antonio Berni"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.936.484, longitud: -60.641.503, content: \u003ch4\u003eCMD Antonio Berni\u003c/h4\u003e \u003cstrong\u003eDirección\u003c/strong\u003e Wheelwright 1486 \u003cbr /\u003e \u003cstrong\u003eTel:\u003c/strong\u003e (0341)-480-2999"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/ckd7g"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/clrrx"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "CMD Norte Villa Hortensia"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.895.578, longitud: -60.693.627, content: \u003ch4\u003eCMD Norte Villa Hortensia\u003c/h4\u003e \u003cstrong\u003eDirección\u003c/strong\u003e Warnes 1917 \u003cbr /\u003e \u003cstrong\u003eTel:\u003c/strong\u003e (0341)-480-6822"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/clrrx"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cyevm"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "CMD Noroeste Olga y Leticia Cossettini"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.930.068, longitud: -60.713.158, content: \u003ch4\u003eCMD Noroeste Olga y Leticia Cossettini\u003c/h4\u003e \u003cstrong\u003eDirección\u003c/strong\u003e Prov. Unidas 150 bis \u003cbr /\u003e \u003cstrong\u003eTel:\u003c/strong\u003e (0341)-480-7680"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cyevm"
              }
            ]
          },
          {
            "id": {
              "$t": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cztg3"
            },
            "updated": {
              "$t": "2016-01-11T21:44:27.880Z"
            },
            "category": [
              {
                "scheme": "http://schemas.google.com/spreadsheets/2006",
                "term": "http://schemas.google.com/spreadsheets/2006#list"
              }
            ],
            "title": {
              "type": "text",
              "$t": "Área de Diversidad Sexual"
            },
            "content": {
              "type": "text",
              "$t": "latitud: -32.948.277, longitud: -60.632.898, content: \u003ch4\u003eÁrea de Diversidad Sexual\u003c/h4\u003e \u003cstrong\u003eDirección\u003c/strong\u003e Buenos Aires 856 4o Piso. \u003cbr /\u003e \u003cstrong\u003eTel:\u003c/strong\u003e (0341)-480-2444 (int.155)"
            },
            "link": [
              {
                "rel": "self",
                "type": "application/atom+xml",
                "href": "https://spreadsheets.google.com/feeds/list/1yZr1Ir_YEbBw5bsAKdZ8sVbim83535MoMVJRYKKOTFs/od6/public/basic/cztg3"
              }
            ]
          }
        ]
      }
    }


    Mi idea de estructurar el Json es la siguiente ejemplo :

    var data={
       "centro":
       [
          [
             {
                "nombre": "Centro 1 Santa Fe"
             },
             {
                "nombre": "Centro 2 Santa Fe"
             },
             {
                "nombre": "Centro 3 Santa Fe"
             },
             {
                "nombre": "Centro 4 Santa Fe"
             },
             {
                "nombre": "Centro 5 Santa Fe"
             }
          ],
          [
             {
                "nombre": "Centro 1 Cordoba"
             },
             {
                "nombre": "Centro 2 Cordoba"
             },
             {
                "nombre": "Centro 3 Cordoba"
             },
             {
                "nombre": "Centro 4 Cordoba"
             },
             {
                "nombre": "Centro 5 Cordoba"
             }
          ],
          [
             {
                "nombre": "Centro 1 Mendoza"
             },
             {
                "nombre": "Centro 2 Mendoza"
             },
             {
                "nombre": "Centro 3 Mendoza"
             },
             {
                "nombre": "Centro 4 Mendoza"
             },
             {
                "nombre": "Centro 5 Mendoza"
             }
          ]
       ]
    }
    


    Es decir que en data.centro[0] voy a tener un arreglo con los centros de SantaFe, despues en la posición data.centro[1] voy a tener un arreglo con los centros de Cordoba, ect. El tema es que no se como representar eso en la hoja de calculo.

    ¡Saludos!
      Votos: 1 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com