Advertisement
rickyc81

functionFilter

Aug 5th, 2018
188
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  function functionFilter(lato) {
  2.  
  3.    var buttonValue = $('#' + lato + '_checkbox').val();
  4.    console.log(buttonValue);
  5.    console.log(lato);
  6.    functionFilterValue(buttonValue);
  7.  
  8.  };
  9.  
  10.  function functionFilterValue(buttonValue, lato) {
  11.    //console.log(buttonValue);
  12.  
  13.    var smallIcon = new L.Icon({
  14.      iconSize: [25, 42],
  15.      iconAnchor: [12, 42],
  16.      popupAnchor: [1, -24],
  17.      iconUrl: 'src/images/red_marker.png'
  18.    });
  19.  
  20.    // Layer + Popup + icona
  21.    var layerFilter = L.geoJson(kalat, {
  22.  
  23.  
  24.      onEachFeature: function(feature, layer) {
  25.        layer.bindPopup('<div id=wrapperPop>' +
  26.          '<div id=rigaTitolo>' + '<p id=titolo> NUMERO SITO: </p>' + ' ' + '<p id=numSito>' + (feature.properties['Numero_Sito'] + '</div>' +
  27.            '<div id=rigaContrada>' + '<p id=contrada> Contrada: </p>' + ' ' + '<p id=numContrada>' + (feature.properties['Contrada'] + '</div>' +
  28.              '<div id=rigaVersante>' + '<p id=Versante> Orientamento versante: </p>' + ' ' + '<p id=numVersante>' + (feature.properties['Versante'] + '</div>' +
  29.                '<div id=rigaCartografi>' + '<p id=Cartografia> Cartografia: </p>' + ' ' + '<p id=numCartografi>' + (feature.properties['Cartografia'] + '</div>' +
  30.                  '<div id=rigaPosizione>' + '<p id=posizione> Posizione: </p>' + ' ' + '<p id=numPosizione>' + (feature.properties['Posizione_del_sito'] + '</div>' +
  31.                    '<div id=rigaAreePresenti>' + '<p id=areePresenti> Sottoaree: </p>' + ' ' + '<p id=numAreePresenti>' + (feature.properties['Aree_Presenti'] + '</div>' +
  32.                      '<div id=rigaCoordinate>' + '<p id=coordinate> Coordinate (Lat - Long) : </p>' + ' ' + '<p id=numCoordinate>' + (feature.geometry.coordinates[1] + ' * ' + (feature.geometry.coordinates[0]) + '</div>' +
  33.                        '<div id=rigaDescrizione>' + '<p id=descrizione> DESCRIZIONE </p>' + ' ' + '<p id=numDescrizione>' + (feature.properties['Descrizione'] + '</div>')))))))) +
  34.          '</div>').setIcon(smallIcon); //setta icona custom
  35.      },
  36.      filter: function(feature, layer) {
  37.  
  38.        return feature.properties.Versante == buttonValue; // Filtra per ritornare i punti con Periodo = al Bronzo
  39.      }
  40.  
  41.    });
  42.  
  43.    $('#' + lato + '_checkbox').click(togglerLayer()); // richiamo il nome id compositanto la variabile lato + _checkbox per creare e ricercare  il giusto id
  44.  
  45.    // Toggler funzione, se la mappa contiene un layer chiamato layerFilter richiama removeLayer, al contrario richiama addLayer
  46.  
  47.    function togglerLayer() {
  48.      if (map.hasLayer(layerFilter)) {
  49.        removerLayer();
  50.      } else {
  51.        adderLayer();
  52.      }
  53.    };
  54.  
  55.  
  56.    // aggiungi layerFilter
  57.    function adderLayer() {
  58.      layerFilter.addTo(map);
  59.  
  60.    };
  61.  
  62.    // rimuovi layerFilter
  63.    function removerLayer() {
  64.      map.removeLayer(layerFilter);
  65.    };
  66.  };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement