Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

--- base_rima:botanica:kingdom:plantae [2020/11/25 16:35]
admin criada
+++ base_rima:botanica:kingdom:plantae [2021/12/14 14:36] (atual)
@@ Linha 1: / Linha 1: @@
-<html>
+====== Reino Plantae ======
-<head>
-    <title>Mapa Interativo RIMA</title>
-    <meta charset="utf-8" />
+Foram levantados registros dos Phylum: [[base_rima:botanica:kingdom:phylum:angiospermas|Angiospermas]]	27732
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+[[base_rima:botanica:kingdom:phylum:monilofitas|Monilófitas]]	3407
+Briófitas	939
-    <link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
+Marchantiófitas	427
+Licopodiófitas	25
+Liliopsida	6
+Gimnospermas	4
+Magnoliopsida	3
+Antocerófitas	1
+Dicotyledon	1
-    <link rel="stylesheet" href="css/leaflet.css" crossorigin=""/>
-    <link rel="stylesheet" href="css/leaflet.wmslegend.css"/>
+Para filtrar os dados no mapa, clicar no Phylum desejado e no botão filtrar phylum ou selecionar todos para visualizar os dados completos.
-    <link rel="stylesheet" href="css/leaflet.zoomdisplay.css"/>
-    <script src="js/leaflet.js" crossorigin=""></script>
-<script src="js/leaflet.zoomdisplay.js"></script>
-<script src="js/leaflet.wmslegend.js"></script>
-    <style>
+{{url>http://rede.inma.gov.br/mapas/botanica/plantae.html 1000,800 noscroll noborder center}}
-        html, body, #map {
-            height: 90%;
-            width: 90%;
-            background: white;
-        }
-    </style>
-<style>
-table, th, td {
-  border: 1px solid black;
-  border-spacing: 20px;
-  border-collapse: collapse;
-  margin:20px;
-}
-</style>
-<script type="text/javascript">
-function getCheckedCheckboxesFor(checkboxName) {
-    var checkboxes = document.querySelectorAll('input[name="' + checkboxName + '"]:checked'), values = [];
-    Array.prototype.forEach.call(checkboxes, function(el) {
-        values.push(el.value);
-    });
-    return values;
-}
-</script>
-</head>
-<body>
-<div id='map'></div>
-<script>
-       var wms_arcgis = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
-                                attribution: 'Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
-            })
-        var result_flora = L.tileLayer.wms('http://192.168.0.13:8080/geoserver/rima/wms?', {
-                layers:'rima:pontos_flora',
-                transparent:true,
-                format: 'image/png'
-        });
-        var result_fauna = L.tileLayer.wms('http://192.168.0.13:8080/geoserver/rima/wms?', {
-                layers:'rima:pontos_fauna',
-                transparent:true,
-                format: 'image/png'
-        });
-        var es_rios = L.tileLayer.wms('http://192.168.0.13:8080/geoserver/rima/wms?', {
-                layers:'rima:rios_principais_es',
-                transparent:true,
-                format: 'image/png'
-        });
-    var streets = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
-        maxZoom: 20,
-        attribution: '  Instituto Nacional da Mata Atlântica <a href="www.inma.gov.br">INMA</a>'+' Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
-            '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
-            'Imagery © <a href="http://mapbox.com">Mapbox</a>' ,
-        id: 'mapbox.streets'
-    });
-        var grayscale   = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
-        maxZoom: 20,
-        attribution: '  Instituto Nacional da Mata Atlântica <a href="www.inma.gov.br">INMA</a>'+' Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
-            '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
-            'Imagery © <a href="http://mapbox.com">Mapbox</a>' ,
-        id: 'mapbox.light'
-    });
-function updateParams() {
-    var x = getCheckedCheckboxesFor('Phylum');
-    var filter = "phylum like '" + x + "'";
-    return result_flora.setParams({CQL_FILTER:filter});
-}
-function updateParams2() {
-    var y = getCheckedCheckboxesFor('Class');
-    var filter = "class like '" + y + "'";
-    return result_flora.setParams({CQL_FILTER:filter});
-}
-    var map = L.map('map', {
-        center: [-19.7, -40.6],
-        zoom: 8,
-        minZoom: 4,
-            maxZoom: 20,
-        layers: [grayscale, streets]
-    });
-var overlays = {
-                "Resultados Flora RIMA": result_flora,
-                "Resultados Fauna RIMA": result_fauna,
-               };
-  var overlays2 = {
-                "Rios do ES": es_rios,
-                };
-        var baseLayers = {
-                "OSM-Ruas": streets,
-                "OSM-Tons de Cinza": grayscale,
-        "ESRI Arcgis base": wms_arcgis,
-        };
-        var baseLayers2 = {
-        };
-        var baseLayers3 = {
-        };
-var logo = L.control({position: 'topright'});
-    logo.onAdd = function (map) {
-        var div = L.DomUtil.create('div', 'logo');
-        div.innerHTML = "<a href='http://www.inma.gov.br'><img src='http://inma.gov.br/wp-content/themes/portalpadrao/img/logo.jpg' height='30px'/></a>";
-        return div;
-    };
-    logo.addTo(map);
-        L.control.layers(baseLayers, overlays).addTo(map);
-        L.control.layers(baseLayers, overlays2).addTo(map);
-    map.addLayer(result_flora);
-uri = "http://192.168.0.13:8080/geoserver/rima/wms?service=WMS&version=1.1.0&REQUEST=GetLegendGraphic&FORMAT=image/png&WIDTH=30&HEIGHT=20&layer=rima:pontos_flora",
-    L.wmsLegend(uri);
-</script>
-<script>
-function onlyOne(checkbox) {
-    var checkboxes = document.getElementsByName('Phylum')
-    checkboxes.forEach((item) => {
-        if (item !== checkbox) item.checked = false
-    })
-    var checkboxes2 = document.getElementsByName('Class')
-    checkboxes2.forEach((item2) => {
-          item2.checked = false
-    })
-}
-</script>
-<script>
-function onlyOne2(checkbox) {
-    var checkboxes2 = document.getElementsByName('Class')
-    checkboxes2.forEach((item2) => {
-        if (item2 !== checkbox) item2.checked = false
-    })
-    var checkboxes = document.getElementsByName('Phylum')
-    checkboxes.forEach((item) => {
-        item.checked = false
-    })
-}
-</script>
-<div class="data">
-<b><br> Reino Plantae, selecionar Phylum: <span>
-    <input name="Phylum" type="checkbox" value="%" onclick="onlyOne(this)" />
-    <label for="Phylum">Todos</label>
-    </span> <input type="button" value="Filtrar Phylum" onclick="updateParams()"><br> </b>
-            <table style="width:100%" align="left">
-         <tr>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Angiospermas"  onclick="onlyOne(this)"/>    <label for="Phylum">Angiospermas</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Antocerófitas"  onclick="onlyOne(this)"/>    <label for="Phylum">Antocerófitas</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Briófitas"  onclick="onlyOne(this)"/>    <label for="Phylum">Briófitas</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Dicotyledon"  onclick="onlyOne(this)"/>    <label for="Phylum">Dicotyledon</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Gimnospermas"  onclick="onlyOne(this)"/>    <label for="Phylum">Gimnospermas</label>    </span></th>
-</tr><tr>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Licopodiófitas"  onclick="onlyOne(this)"/>    <label for="Phylum">Licopodiófitas</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Liliopsida"  onclick="onlyOne(this)"/>    <label for="Phylum">Liliopsida</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Magnoliopsida"  onclick="onlyOne(this)"/>    <label for="Phylum">Magnoliopsida</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Marchantiófitas"  onclick="onlyOne(this)"/>    <label for="Phylum">Marchantiófitas</label>    </span></th>
-<th align="left"><span>    <input name="Phylum" type="checkbox" value="Monilófitas"  onclick="onlyOne(this)"/>    <label for="Phylum">Monilófitas</label>    </span></th>
-</tr>
-</table>
-<br>
-<br>   <br>
-</div>
-    <script type="text/javascript">
-        myMap();
-    </script>
-</body>
-</html>