Difference between revisions of "Orangutan layers"

From A.P.E.S. wiki
Jump to navigation Jump to search
(Created page with " <html> <head> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" /> <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></scri...")
 
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
[[Spatial Layers]] > [[Orangutan layers]]
  
 
<html>
 
<html>
Line 20: Line 21:
 
     <script>
 
     <script>
 
       // GEOJSON FILES  
 
       // GEOJSON FILES  
−
       var url = 'files/REFUGIA_MALEY96.json';  // my GeoJSON data source, in same folder as my html page.
+
       var borneanou2019 = '../files/orangutans/PHVA_SOA_metapop.geojson';
−
      var url2 = 'files/species_15933.geojson';  // my GeoJSON data source, in same folder as my html page.
+
−
       var gibbon1 = 'files/Hoolock_hoolock.geojson';
+
   
−
  var orangutan1 =  'files/orangutans/OU_density_prediction_12.11.2014.geojson';
+
       // Create map
−
        
+
       var map = L.map('map').setView([10, 110], 4);  
−
var map = L.map('map').setView([-0, 6], 4);  
 
  
 +
      // Create open maps
 +
      var osm=new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',{attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);
 
       var topo=new L.tileLayer('http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',{attribution: '&copy; <a href="http://osm.org/copyright">OpenTopoMap</a> contributors'}).addTo(map);
 
       var topo=new L.tileLayer('http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',{attribution: '&copy; <a href="http://osm.org/copyright">OpenTopoMap</a> contributors'}).addTo(map);
−
       var osm=new L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',{attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'}).addTo(map);
+
 
 +
       // POPUP -> this "feature.properties.xxxx" needs to be matching the file please look it up in the file
 +
      function forEachFeature(feature, layer) { var popupContent = "<p><b>Species: </b>"+ feature.properties.Subspecies +'</p>'; layer.bindPopup(popupContent);}
  
−
 
−
      function forEachFeature(feature, layer) {
 
−
        var popupContent = "<p><b>Species: </b>"+ feature.properties.binomial +
 
−
              "</br>Subspecies: "+ feature.properties.subspecies +'</p>';
 
−
        layer.bindPopup(popupContent);
 
−
      }
 
 
       // Set style function that sets fill color property
 
       // Set style function that sets fill color property
−
       function style(feature) {
+
       function styleborneanou2019(feature) { return { fillColor: '#790FC5', fillOpacity: 0.7,  weight: 4, opacity: 0.5, color: '#790FC5', dashArray: '3' }; }  
−
        return {
+
−
          fillColor: '#bf31d8',  
 
−
          fillOpacity: 0.7,   
 
−
          weight: 2,
 
−
          opacity: 0.7,
 
−
          color: '#bf31d8',
 
−
          dashArray: '3'
 
−
        };
 
−
      }
 
−
      function style2(feature) {
 
−
        switch (feature.properties.subspecies) {
 
−
            case 'ellioti': return {color: "#1897a3",weight: 2,fillColor: '#1897a3', fillOpacity: 0.7};
 
−
            case 'schweinfurthii':  return {color: "#354a4c",weight: 2,fillColor: '#354a4c', fillOpacity: 0.7};
 
−
            case 'verus':  return {color: "#0f4375",weight: 2,fillColor: '#0f4375', fillOpacity: 0.7};
 
−
            case 'troglodytes':  return {color: "#3188d8",weight: 2,fillColor: '#3188d8', fillOpacity: 0.7};
 
−
        }
 
−
      }
 
−
function stylegibbon(feature) {
 
−
        return {
 
−
          fillColor: 'red',
 
−
          fillOpacity: 0.7, 
 
−
          weight: 2,
 
−
          opacity: 0.7,
 
−
          color: 'red',
 
−
          dashArray: '3'
 
−
        };
 
−
      }
 
−
  function styleorangutan1(feature) {
 
−
        return {
 
−
          fillColor: 'red',
 
−
          fillOpacity: 0.7, 
 
−
          weight: 2,
 
−
          opacity: 0.7,
 
−
          color: 'red',
 
−
          dashArray: '3'
 
−
        };
 
−
      }
 
 
       // Null variable that will hold layer
 
       // Null variable that will hold layer
−
       var stateLayer = L.geoJson(null, {style: style});
+
       var borneanou2019Layer = L.geoJson(null, {onEachFeature: forEachFeature, style: styleborneanou2019});
−
      var stateLayer2 = L.geoJson(null, {onEachFeature: forEachFeature, style: style2});
 
−
      var gibbonLayer = L.geoJson(null, {style: stylegibbon});
 
−
  var orangutan1Layer = L.geoJson(null, {style: styleorangutan1});
 
−
 
 
−
      $.getJSON(url, function(data) { stateLayer.addData(data);});
 
−
      stateLayer.addTo(map);
 
  
−
      $.getJSON(url2, function(data) { stateLayer2.addData(data); });
 
−
      stateLayer2.addTo(map);
 
  
−
       $.getJSON(gibbon1, function(data) { gibbonLayer.addData(data);});
+
       $.getJSON(borneanou2019, function(data) { borneanou2019Layer.addData(data);}); borneanou2019Layer.addTo(map);
−
      gibbonLayer.addTo(map);
 
−
 
 
−
  $.getJSON(orangutan1, function(data) { orangutan1Layer.addData(data);});
 
−
      orangutan1Layer.addTo(map);
 
  
 
       // for Layer Control
 
       // for Layer Control
 
       var baseMaps = {
 
       var baseMaps = {
−
      "Open Street Map": osm, 
+
        "Open Street Map": osm, 
−
      "Open Topo Map": topo, 
+
        "Open Topo Map": topo, 
 
       };
 
       };
  
 
       var overlayMaps = {
 
       var overlayMaps = {
−
      "Refugia":stateLayer,
+
        "Bornean orangutan 2019": borneanou2019Layer,
−
      "Ape range":stateLayer2,
+
       };                  
−
      "Gibbon range": gibbonLayer,
 
−
  "Orangutan density" : orangutan1Layer,
 
−
       };
 
  
 
       //Add layer control
 
       //Add layer control
Line 112: Line 59:
 
   </body>
 
   </body>
 
</html>
 
</html>
 +
 +
 +
{|border="1" cellpadding="5" cellspacing="0", class="orangutan_layers" !style="background-color:#ccffcc;"
 +
|+'''Available orangutan layers'''
 +
!Species
 +
!Original data
 +
!Year
 +
!Description
 +
!Source
 +
|-
 +
|Bornean orangutans
 +
|Shapefile
 +
|2019
 +
|The layer is an update of the original [https://www.cell.com/current-biology/fulltext/S0960-9822(18)30086-1?_returnURL=https%3A%2F%2Flinkinghub.elsevier.com%2Fretrieve%2Fpii%2FS0960982218300861%3Fshowall%3Dtrue Voigt et al.2018] layer predicting the Bornean orangutan density distribution. In 2021 Voigt & Wich provided an update of the initial predictions, based on forest lost in Borneo. This new layer does not consider hunting in the predictions and hence might have overestimated the numbers of orangutans.
 +
|Voigt & Wich 2021
 +
|-
 +
|Sumatran orangutans
 +
|Shapefile
 +
|2015
 +
|Predictive density distribution model for the entire Sumatran orangutan geographic range based on available orangutan presence localities and land land-cover change.
 +
|[https://www.science.org/doi/10.1126/sciadv.1500789 Wich, S. A., Singleton, I., Nowak, M. G., Utami Atmoko, S. S., Nisam, G., Arif, S. M., ... & Kühl, H. S. (2016). Land-cover changes predict steep declines for the Sumatran orangutan (Pongo abelii). Science advances, 2(3), e1500789.]
 +
|-
 +
|Tapanuli and Sumatran orangutans
 +
|Shapefile
 +
|2020
 +
|Predicted density distribution of Tapanuli and Sumatran orangutans.
 +
|Wich et al. 2020
 +
|-
 +
|Bornean orangutans
 +
|Shapefile
 +
|1999-2015
 +
|Predictive density distribution model for the entire Bornean orangutan geographic range based on available orangutan surveys and climatic, habitat and threat predictors.
 +
|[https://doi.org/10.1016/j.cub.2018.01.053 Voigt, M., Wich, S. A., Ancrenaz, M., Meijaard, E., Abram, N., Banes, G. L., ... & Llano Sanchez, K. Global demand for natural resources eliminated more than 100,000 Bornean orangutans http://researchonline. ljmu. ac. uk/id/eprint/7886.]
 +
|-
 +
|}

Latest revision as of 05:34, 15 June 2022

Spatial Layers > Orangutan layers


Available orangutan layers
Species Original data Year Description Source
Bornean orangutans Shapefile 2019 The layer is an update of the original Voigt et al.2018 layer predicting the Bornean orangutan density distribution. In 2021 Voigt & Wich provided an update of the initial predictions, based on forest lost in Borneo. This new layer does not consider hunting in the predictions and hence might have overestimated the numbers of orangutans. Voigt & Wich 2021
Sumatran orangutans Shapefile 2015 Predictive density distribution model for the entire Sumatran orangutan geographic range based on available orangutan presence localities and land land-cover change. Wich, S. A., Singleton, I., Nowak, M. G., Utami Atmoko, S. S., Nisam, G., Arif, S. M., ... & Kühl, H. S. (2016). Land-cover changes predict steep declines for the Sumatran orangutan (Pongo abelii). Science advances, 2(3), e1500789.
Tapanuli and Sumatran orangutans Shapefile 2020 Predicted density distribution of Tapanuli and Sumatran orangutans. Wich et al. 2020
Bornean orangutans Shapefile 1999-2015 Predictive density distribution model for the entire Bornean orangutan geographic range based on available orangutan surveys and climatic, habitat and threat predictors. Voigt, M., Wich, S. A., Ancrenaz, M., Meijaard, E., Abram, N., Banes, G. L., ... & Llano Sanchez, K. Global demand for natural resources eliminated more than 100,000 Bornean orangutans http://researchonline. ljmu. ac. uk/id/eprint/7886.
Retrieved from "https://wiki.iucnapesportal.org/index.php?title=Orangutan_layers&oldid=6013"