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...")
 
Line 24: Line 24:
 
       var gibbon1 = 'files/Hoolock_hoolock.geojson';  
 
       var gibbon1 = 'files/Hoolock_hoolock.geojson';  
 
  var orangutan1 =  'files/orangutans/OU_density_prediction_12.11.2014.geojson';  
 
  var orangutan1 =  'files/orangutans/OU_density_prediction_12.11.2014.geojson';  
 +
  var orangutan2 = 'files/orangutans/PHVA_SOA_metapop.geojson';
 
        
 
        
 
var map = L.map('map').setView([-0, 6], 4);  
 
var map = L.map('map').setView([-0, 6], 4);  
Line 75: Line 76:
 
         };
 
         };
 
       }
 
       }
 +
 
 +
    function styleorangutan2(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 stateLayer = L.geoJson(null, {style: style});
Line 80: Line 94:
 
       var gibbonLayer = L.geoJson(null, {style: stylegibbon});
 
       var gibbonLayer = L.geoJson(null, {style: stylegibbon});
 
  var orangutan1Layer = L.geoJson(null, {style: styleorangutan1});
 
  var orangutan1Layer = L.geoJson(null, {style: styleorangutan1});
 +
  var orangutan2Layer = L.geoJson(null, {style: styleorangutan2});
  
 
       $.getJSON(url, function(data) { stateLayer.addData(data);});
 
       $.getJSON(url, function(data) { stateLayer.addData(data);});
Line 92: Line 107:
 
  $.getJSON(orangutan1, function(data) { orangutan1Layer.addData(data);});
 
  $.getJSON(orangutan1, function(data) { orangutan1Layer.addData(data);});
 
       orangutan1Layer.addTo(map);
 
       orangutan1Layer.addTo(map);
 +
 
 +
  $.getJSON(orangutan2, function(data) { orangutan1Layer.addData(data);});
 +
      orangutan1Layer.addTo(map);
 +
  
 
       // for Layer Control
 
       // for Layer Control
Line 104: Line 123:
 
       "Gibbon range": gibbonLayer,
 
       "Gibbon range": gibbonLayer,
 
  "Orangutan density" : orangutan1Layer,
 
  "Orangutan density" : orangutan1Layer,
 +
  "Bornean orangutan 2019" : orangutan2Layer
 
       };
 
       };
  

Revision as of 04:15, 7 March 2022