Changes between Version 3 and Version 4 of multipleGeoPosicion


Ignore:
Timestamp:
Jan 17, 2012, 9:55:42 AM (8 years ago)
Author:
xabi
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • multipleGeoPosicion

    v3 v4  
    11= Geoposición (varios puntos) =
     2
     3== Generación del mapa ==
    24
    35Para 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:
     
    114116</html>
    115117}}}
     118
     119== Obtención de datos ==
     120
     121Una 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:
     122
     123{{{
     124// Obtiene las distintas comunidades autonomas
     125// En este caso el nombre de la instancia del mapa es "samplemap"
     126function getAllCCAA() {
     127  samplemap.emptyAllQueryFilters();
     128  samplemap.getDistinctValues("extradata.ccaa", function(res) {
     129    var options = '<option value="">Seleccione una CCAA</option>';
     130    for (var i = 0; i < res.length; i++) {
     131      aValues = res[i].split("|");
     132      if (aValues.length > 1) options += '<option value="' + aValues[0] + '">' + aValues[1] + '</option>';
     133    }
     134    $("select#ccaa").html(options);
     135  });
     136}
     137}}}
     138
     139Tambien se puede establecer algún filtro. Vemos como ser buscarían las distintas provincias de una comunidad autónoma:
     140
     141{{{
     142// Obtiene las provincias de una comunidad autonoma
     143function getAllProvincias(iCCAA) {
     144  if (iCCAA != "") {
     145    samplemap.emptyAllQueryFilters();
     146    samplemap.setQueryFilter("extradata.ccaa", "bw", iCCAA + "\\|");
     147    samplemap.getDistinctValues("extradata.provincia", function(res) {
     148      var options = '<option value="">Seleccione una Provincia</option>';
     149      for (var i = 0; i < res.length; i++) {
     150        aValues = res[i].split("|");
     151        if (aValues.length > 1) {
     152          sProvincia = aValues[1].split(",")[0];
     153          options += '<option value="' + aValues[0] + '">' + sProvincia + '</option>';
     154        }
     155      }
     156      $("select#provincia").html(options);
     157    });
     158  } else {
     159    $("select#provincia").html("");
     160  }
     161}
     162}}}