Difference between revisions of "African great ape layers"

From A.P.E.S. wiki
Jump to navigation Jump to search
 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 
[[Spatial Layers]] > [[African great ape layers]]
 
[[Spatial Layers]] > [[African great ape layers]]
−
 
−
{{#display_map: editor=off center=Berlin
 
−
|layers=OpenTopoMap,OpenStreetMap
 
−
|geojson = Greatapes
 
−
}}
 
  
 
<html>
 
<html>
−
<html lang="en">
+
  <head>
−
<head>
+
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
−
<meta charset="utf-8">
+
     <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
−
 
−
<title>GeoJSON tutorial - Leaflet</title>
 
−
 
−
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/>
 
−
     <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script>
 
−
 
 
−
<style>
 
−
html, body {
 
−
height: 100%;
 
−
margin: 0;
 
−
}
 
−
.leaflet-container {
 
−
height: 400px;
 
−
width: 600px;
 
−
max-width: 100%;
 
−
max-height: 100%;
 
−
}
 
−
</style>
 
  
−
+
    <style>
−
</head>
+
      #map {
 +
      height: 500px;
 +
      width: 100%;
 +
      max-width: 100%;
 +
      max-height: 100%;
 +
      }
 +
    </style>
 +
  </head>
 
   <body>
 
   <body>
−
<div id='map'></div>
+
    <div id="map" style="width: 100%; height: 500px;"></div>
  
−
<script src="berlin.js" type="text/javascript"></script>
+
    <script>
 +
      // GEOJSON FILES
 +
    // var gadendist2021 = 'files/african_great_apes/great_ape_dendist_ION2021.geojson';
 +
var gaabundance = '../files/african_great_apes/afr_great_ape_ab.geojson';
 +
var wchimp2019 = '../files/african_great_apes/Heinicke2019_westernchimp.geojson';
 +
var sec = '../files/african_great_apes/SEC_merged_Af_apes.geojson';
 +
var occugrauer = '../files/african_great_apes/gorilla_occupancy_plumptre.geojson';
 +
var occuechimp = '../files/african_great_apes/echimp_occupancy_plumptre.geojson';
 +
var liberiadens = '../files/african_great_apes/liberia_chimp_density.geojson';
 +
 +
      // Create map
 +
      var map = L.map('map').setView([-0, 6], 4);
  
−
<script>
+
      // Create open maps
−
var map = L.map('map').setView([39.74739, -105], 13);
+
      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);
 +
 
 +
      // 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);}
  
−
var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+
      // Set style function that sets fill color property
−
maxZoom: 19,
+
      function stylegadendist2021(feature) { return { fillColor: '#F31818', fillOpacity: 0.7,  weight: 2, opacity: 0.7, color: '#F31818', dashArray: '3' }; }
−
attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+
      function stylegaabundance(feature) { return { fillColor: '#5F0CE4', fillOpacity: 0.7,  weight: 2, opacity: 0.7, color: '#5F0CE4', dashArray: '3' }; }
−
}).addTo(map);
+
      function stylewchimp2019(feature) { return { fillColor: '#E74F08', fillOpacity: 0.8,  weight: 4, opacity: 0.8, color: '#E74F08', dashArray: '3' }; }
 +
      function stylesec(feature) { return { fillColor: '#DFE906', fillOpacity: 0.5,  weight: 4, opacity: 0.4, color: '#DFE906', dashArray: '3' }; }
 +
      function styleoccugrauer(feature) { return { fillColor: '#076419', fillOpacity: 0.8,  weight: 2, opacity: 0.8, color: '#076419', dashArray: '3' }; }
 +
      function styleoccuechimp(feature) { return { fillColor: '#752309', fillOpacity: 0.8,  weight: 2, opacity: 0.8, color: '#752309', dashArray: '3' }; }
 +
      function styleliberiadens(feature) { return { fillColor: '#07ACAD', fillOpacity: 0.8,  weight: 2, opacity: 0.8, color: '#07ACAD', dashArray: '3' }; }
 +
 
 +
      // Null variable that will hold layer // took out onEachFeature: forEachFeature,
 +
      var gaabundanceLayer = L.geoJson(null, {style: stylegaabundance});
 +
      var wchimp2019Layer = L.geoJson(null, {style: stylewchimp2019});
 +
      var secLayer = L.geoJson(null, {style: stylesec});
 +
      var occugrauerLayer = L.geoJson(null, {style: styleoccugrauer});
 +
      var occuechimpLayer = L.geoJson(null, {style: styleoccuechimp});
 +
      var liberiadensLayer = L.geoJson(null, {style: styleliberiadens});
 +
     
 +
      $.getJSON(gaabundance, function(data) { gaabundanceLayer.addData(data);}); gaabundanceLayer.addTo(map);
 +
      $.getJSON(wchimp2019, function(data) { wchimp2019Layer.addData(data);}); wchimp2019Layer.addTo(map);
 +
      $.getJSON(sec, function(data) { secLayer.addData(data);}); secLayer.addTo(map);
 +
      $.getJSON(occugrauer, function(data) { occugrauerLayer.addData(data);}); occugrauerLayer.addTo(map);
 +
      $.getJSON(occuechimp, function(data) { occuechimpLayer.addData(data);}); occuechimpLayer.addTo(map);
 +
      $.getJSON(liberiadens, function(data) { liberiadensLayer.addData(data);}); liberiadensLayer.addTo(map);
  
−
var baseballIcon = L.icon({
+
      // for Layer Control
−
iconUrl: 'baseball-marker.png',
+
      var baseMaps = {
−
iconSize: [32, 37],
+
        "Open Street Map": osm,
−
iconAnchor: [16, 37],
+
        "Open Topo Map": topo,
−
popupAnchor: [0, -28]
+
      };
−
});
 
  
−
function onEachFeature(feature, layer) {
+
      // not showing ga densdist 2021 here because it takes ages to load...
−
var popupContent = '<p>I started out as a GeoJSON ' +
+
      var overlayMaps = {
−
feature.geometry.type + ', but now I\'m a Leaflet vector!</p>';
+
    "SEC": secLayer,
 +
"Great ape abundance per site": gaabundanceLayer,
 +
"Western chimpanzee density": wchimp2019Layer,
 +
"Liberia chimpanzee density": liberiadensLayer,
 +
      };                  
 +
                 
  
−
if (feature.properties && feature.properties.popupContent) {
+
      //Add layer control
−
popupContent += feature.properties.popupContent;
+
      L.control.layers(baseMaps, overlayMaps).addTo(map);
−
}
 
  
−
layer.bindPopup(popupContent);
+
    </script>
−
}
+
  </body>
−
 
+
</html>
−
/* global campus, bicycleRental, freeBus, coorsField */
 
−
var bicycleRentalLayer = L.geoJSON([bicycleRental, campus], {
 
−
 
 
−
style: function (feature) {
 
−
return feature.properties && feature.properties.style;
 
−
},
 
−
 
 
−
onEachFeature: onEachFeature,
 
−
 
 
−
pointToLayer: function (feature, latlng) {
 
−
return L.circleMarker(latlng, {
 
−
radius: 8,
 
−
fillColor: '#ff7800',
 
−
color: '#000',
 
−
weight: 1,
 
−
opacity: 1,
 
−
fillOpacity: 0.8
 
−
});
 
−
}
 
−
}).addTo(map);
 
−
 
 
−
var freeBusLayer = L.geoJSON(freeBus, {
 
−
 
 
−
filter: function (feature, layer) {
 
−
if (feature.properties) {
 
−
// If the property "underConstruction" exists and is true, return false (don't render features under construction)
 
−
return feature.properties.underConstruction !== undefined ? !feature.properties.underConstruction : true;
 
−
}
 
−
return false;
 
−
},
 
−
 
 
−
onEachFeature: onEachFeature
 
−
}).addTo(map);
 
−
 
 
−
var coorsLayer = L.geoJSON(coorsField, {
 
−
 
 
−
pointToLayer: function (feature, latlng) {
 
−
return L.marker(latlng, {icon: baseballIcon});
 
−
},
 
  
−
onEachFeature: onEachFeature
 
−
}).addTo(map);
 
  
−
</script>
 
−
  </body>
 
−
</html>
 
  
  

Latest revision as of 05:34, 15 June 2022

Spatial Layers > African great ape layers



Available African great ape layers
Species Original data Year Description Source
African great apes excluding bonobos and Grauer's gorillas Shapefile 2015 The layer is the first attempt to model continent-wide great ape density distribution from site-level estimates of African great ape abundance. Populations in Central African Republic, Democratic Republic of the Congo, Liberia, and South Sudan are excluded due to excessively high estimates. Ordaz-Németh, I., Sop, T., Amarasekaran, B., Bachmann, M., Boesch, C., Brncic, T., ... & Kühl, H. S. (2021). Range‐wide indicators of African great ape density distribution. American journal of primatology, 83(12), e23338.
All African great apes Shapefile Compilation of all sites from which great apes population abundances are available. IUCN SSC APES Database 2020
Western chimpanzees Raster (tif) 2015 Range-wide predictions of chimpanzee density based on density distribution model. Heinicke, S., Mundry, R., Boesch, C., Amarasekaran, B., Barrie, A., Brncic, T., ... & Kühl, H. S. (2019). Advancing conservation planning for western chimpanzees using IUCN SSC APES—the case of a taxon-specific database. Environmental Research Letters, 14(6), 064001.
All African great apes Raster (tif) 2000s Predicted distribution of suitable environmental conditions (SEC) for eight African great ape taxa for the 2000s. Junker, J., Blake, S., Boesch, C., Campbell, G., Toit, L. D., Duvall, C., ... & Kuehl, H. S. (2012). Recent decline in suitable environmental conditions for A frican great apes. Diversity and Distributions, 18(11), 1077-1091.
Grauer's gorillas and eastern chimpanzees Raster file (tif) 2015 Occupancy probability models for the Grauer's gorillas and eastern chimpanzees in DRC. Plumptre, A. J., Nixon, S., Kujirakwinja, D. K., Vieilledent, G., Critchlow, R., Williamson, E. A., ... & Hall, J. S. (2016). Catastrophic decline of world's largest primate: 80% loss of Grauer's Gorilla (Gorilla beringei graueri) population justifies critically endangered status. PloS one, 11(10), e0162697.
Western chimpanzees Raster (tif) 2012 Predicted density distribution of chimpanzees in Liberia. Tweh, C. G., Lormie, M. M., Kouakou, C. Y., Hillers, A., Kühl, H. S., & Junker, J. (2015). Conservation status of chimpanzees Pan troglodytes verus and other large mammals in Liberia: a nationwide survey. Oryx, 49(4), 710-718.
Central chimpanzees and western lowland gorillas Shapefile 2013 Using great ape data from 59 sites in five countries surveyed between 2003 and 2013, these layers predict central chimpanzee and western lowlang gorilla densities across each taxon’s geographic range. Strindberg, S., Maisels, F., Williamson, E. A., Blake, S., Stokes, E. J., Aba’a, R., ... & Wilkie, D. S. (2018). Guns, germs, and trees determine density and distribution of gorillas and chimpanzees in Western Equatorial Africa. Science advances, 4(4), eaar2964.
Chimpanzees PNG This Layer provides insights into where chimpanzees avoided climate instability during glacial and interglacial periods in Africa over the past 120,000 years. Barratt, C. D., Lester, J. D., Gratton, P., Onstein, R. E., Kalan, A. K., McCarthy, M. S., ... & Kühl, H. (2021). Quantitative estimates of glacial refugia for chimpanzees (Pan troglodytes) since the Last Interglacial (120,000 BP). American Journal of Primatology, 83(10), e23320.
All African great apes Raster (img) 2050 These layers predict changes in great ape taxon-specific distribution under future scenarios of climate, land use and human populations for (1) areas outside protected areas (PAs) only (assuming complete management effectiveness of PAs), (2) the entire study region, and (3) interspecies range overlap. Carvalho, J. S., Graham, B., Bocksberger, G., Maisels, F., Williamson, E. A., Wich, S., ... & Kühl, H. S. (2021). Predicting range shifts of African apes under global change scenarios. Diversity and Distributions, 27(9), 1663-1679.
Retrieved from "https://wiki.iucnapesportal.org/index.php?title=African_great_ape_layers&oldid=6012"