hft-informatik/geovisualisierung
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Performance adjustments for project 2 aufgabe 1

Browse Source
This commit is contained in:
Marcel Schwarz 2020-11-12 17:13:51 +01:00
parent 3f1476b609
commit 705a701a8e
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
projects/project-2/aufgabe1.js
View File

@ -9,24 +9,24 @@ const aufgabe1 = () => {
const levels = [0, 20, 50, 100, 200, 250, 300, 400] const levels = [0, 20, 50, 100, 200, 250, 300, 400]
let geojson; let geojson;
const getColor = population => { const getColor = density => {
switch (true) { switch (true) {
case population > levels[7]: case density > levels[7]:
return '#800026' return '#800026'
case population > levels[6]: case density > levels[6]:
return '#BD0026' return '#BD0026'
case population > levels[5]: case density > levels[5]:
return '#E31A1C' return '#E31A1C'
case population > levels[4]: case density > levels[4]:
return '#FC4E2A' return '#FC4E2A'
case population > levels[3]: case density > levels[3]:
return '#FD8D3C' return '#FD8D3C'
case population > levels[2]: case density > levels[2]:
return '#FEB24C' return '#FEB24C'
case population > levels[1]: case density > levels[1]:
return '#FED976' return '#FED976'
case population > levels[0]: case density > levels[0]:
return '#ffdb83' return '#FFEDA0'
default: default:
return '#ffdea1' return '#ffdea1'
} }
@ -40,9 +40,10 @@ const aufgabe1 = () => {
const labels = [] const labels = []
for (let i = 0; i < levels.length; i++) { for (let i = 0; i < levels.length; i++) {
let from = levels[i] + 1 labels.push(
let to = levels[i + 1] + 1 '<i style="background:' + getColor(levels[i] + 1) + '"></i> '
labels.push('<i style="background:' + getColor(levels[i] + 1) + '"></i> ' + from + (to ? '&ndash;' + to : '+')) + levels[i] + (levels[i + 1] ? '&ndash;' + levels[i + 1] : '+')
)
} }
legend.innerHTML = labels.join('<br>') legend.innerHTML = labels.join('<br>')
@ -109,9 +110,7 @@ const aufgabe1 = () => {
// Load data in // Load data in
$.getJSON('europe.geo.json', data => { $.getJSON('europe.geo.json', data => {
for (let [idx, country] of data.features.entries()) { data.features.map(feature => feature.properties.density = feature.properties.pop_est / (turf.area(feature) / 1_000_000))
data.features[idx].properties.density = country.properties.pop_est / (turf.area(country) / 1_000_000)
}
geojson = L.geoJson(data, {style: getStyle, onEachFeature}).addTo(map) geojson = L.geoJson(data, {style: getStyle, onEachFeature}).addTo(map)
}) })