Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function functionFilter(lato) {
- var buttonValue = $('#' + lato + '_checkbox').val();
- console.log(buttonValue);
- console.log(lato);
- functionFilterValue(buttonValue);
- };
- function functionFilterValue(buttonValue, lato) {
- //console.log(buttonValue);
- var smallIcon = new L.Icon({
- iconSize: [25, 42],
- iconAnchor: [12, 42],
- popupAnchor: [1, -24],
- iconUrl: 'src/images/red_marker.png'
- });
- // Layer + Popup + icona
- var layerFilter = L.geoJson(kalat, {
- onEachFeature: function(feature, layer) {
- layer.bindPopup('<div id=wrapperPop>' +
- '<div id=rigaTitolo>' + '<p id=titolo> NUMERO SITO: </p>' + ' ' + '<p id=numSito>' + (feature.properties['Numero_Sito'] + '</div>' +
- '<div id=rigaContrada>' + '<p id=contrada> Contrada: </p>' + ' ' + '<p id=numContrada>' + (feature.properties['Contrada'] + '</div>' +
- '<div id=rigaVersante>' + '<p id=Versante> Orientamento versante: </p>' + ' ' + '<p id=numVersante>' + (feature.properties['Versante'] + '</div>' +
- '<div id=rigaCartografi>' + '<p id=Cartografia> Cartografia: </p>' + ' ' + '<p id=numCartografi>' + (feature.properties['Cartografia'] + '</div>' +
- '<div id=rigaPosizione>' + '<p id=posizione> Posizione: </p>' + ' ' + '<p id=numPosizione>' + (feature.properties['Posizione_del_sito'] + '</div>' +
- '<div id=rigaAreePresenti>' + '<p id=areePresenti> Sottoaree: </p>' + ' ' + '<p id=numAreePresenti>' + (feature.properties['Aree_Presenti'] + '</div>' +
- '<div id=rigaCoordinate>' + '<p id=coordinate> Coordinate (Lat - Long) : </p>' + ' ' + '<p id=numCoordinate>' + (feature.geometry.coordinates[1] + ' * ' + (feature.geometry.coordinates[0]) + '</div>' +
- '<div id=rigaDescrizione>' + '<p id=descrizione> DESCRIZIONE </p>' + ' ' + '<p id=numDescrizione>' + (feature.properties['Descrizione'] + '</div>')))))))) +
- '</div>').setIcon(smallIcon); //setta icona custom
- },
- filter: function(feature, layer) {
- return feature.properties.Versante == buttonValue; // Filtra per ritornare i punti con Periodo = al Bronzo
- }
- });
- $('#' + lato + '_checkbox').click(togglerLayer()); // richiamo il nome id compositanto la variabile lato + _checkbox per creare e ricercare il giusto id
- // Toggler funzione, se la mappa contiene un layer chiamato layerFilter richiama removeLayer, al contrario richiama addLayer
- function togglerLayer() {
- if (map.hasLayer(layerFilter)) {
- removerLayer();
- } else {
- adderLayer();
- }
- };
- // aggiungi layerFilter
- function adderLayer() {
- layerFilter.addTo(map);
- };
- // rimuovi layerFilter
- function removerLayer() {
- map.removeLayer(layerFilter);
- };
- };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement