Changes between Version 3 and Version 4 of multipleGeoPosicion

Timestamp:

Jan 17, 2012, 9:55:42 AM (12 years ago)

Author:

xabi

Comment:

--

multipleGeoPosicion

@@ -1 +1 @@
 = Geoposición (varios puntos) =
+
+== Generación del mapa ==
 
 Para mostrar varios puntos puntos geoposicionados y clusterizados en una página primero tenemos que añadir todo el código Javascript necesario para mostrarlo. Esto se realiza añadiendo el siguiente tag a la página:
@@ -114 +116 @@
 </html>
 }}}
+
+== Obtención de datos ==
+
+Una vez instanciado un mapa podemos hacer "queries" al servidor para obtener  una lista de los distintos valores de un atributo de los puntos. Un ejemplo sería obtener las distintas Comunidades Autonomas en las que se encuentran los puntos:
+
+{{{
+// Obtiene las distintas comunidades autonomas
+// En este caso el nombre de la instancia del mapa es "samplemap"
+function getAllCCAA() {
+  samplemap.emptyAllQueryFilters();
+  samplemap.getDistinctValues("extradata.ccaa", function(res) {
+    var options = '<option value="">Seleccione una CCAA</option>';
+    for (var i = 0; i < res.length; i++) {
+      aValues = res[i].split("|");
+      if (aValues.length > 1) options += '<option value="' + aValues[0] + '">' + aValues[1] + '</option>';
+    }
+    $("select#ccaa").html(options);
+  });
+}
+}}}
+
+Tambien se puede establecer algún filtro. Vemos como ser buscarían las distintas provincias de una comunidad autónoma:
+
+{{{
+// Obtiene las provincias de una comunidad autonoma
+function getAllProvincias(iCCAA) {
+  if (iCCAA != "") {
+    samplemap.emptyAllQueryFilters();
+    samplemap.setQueryFilter("extradata.ccaa", "bw", iCCAA + "\\|");
+    samplemap.getDistinctValues("extradata.provincia", function(res) {
+      var options = '<option value="">Seleccione una Provincia</option>';
+      for (var i = 0; i < res.length; i++) {
+        aValues = res[i].split("|");
+        if (aValues.length > 1) {
+          sProvincia = aValues[1].split(",")[0];
+          options += '<option value="' + aValues[0] + '">' + sProvincia + '</option>';
+        }
+      }
+      $("select#provincia").html(options);
+    });
+  } else {
+    $("select#provincia").html("");
+  }
+}
+}}}