[Script] Bettenbelegungsmarker

BOS-Ernie · 3. Dezember 2022

Dieses Script fügt auf der Karte für jedes Krankenhaus einen CircleMarker ein, welcher anhand der Farbe angibt, wie hoch die Auslastung (Bettenbelegung) ist.

https://snipboard.io/zuigWJ.jpg

Code

// ==UserScript==
// @name        * Bettenbelegungsmarker
// @namespace   bos-ernie.leitstellenspiel.de
// @version     1.0.0
// @author      BOS-Ernie
// @description Zeichnet einen Umkreis um jedes Krankenhaus und färbt diesen ein, je nachdem wie viele Betten belegt sind.
// @match       https://www.leitstellenspiel.de/
// @icon        https://www.google.com/s2/favicons?sz=64&domain=leitstellenspiel.de
// @run-at      document-idle
// @grant       none
// ==/UserScript==

(function () {
  "use strict";

  async function fetchHospitals() {
    return await fetch("https://www.leitstellenspiel.de/api/buildings")
      .then((response) => response.json())
      .then((data) => {
        window.sessionStorage.setItem("buildings", JSON.stringify(data));

        return data.filter((building) => building.building_type === 4);
      });
  }

  async function fetchAllianceHospitals() {
    return await fetch("https://www.leitstellenspiel.de/api/alliance_buildings")
      .then((response) => response.json())
      .then((data) => {
        window.sessionStorage.setItem(
          "buildings_alliance",
          JSON.stringify(data)
        );

        return data.filter((building) => building.building_type === 4);
      });
  }

  function getColor(occupied, capacity) {
    const occupancy = (occupied / capacity) * 100;

    if (occupancy === 0) {
      return "#663fb4";
    }

    if (occupancy <= 10) {
      return "#4055b2";
    }

    if (occupancy <= 20) {
      return "#587cf7";
    }

    if (occupancy <= 30) {
      return "#1daaf1";
    }

    if (occupancy <= 40) {
      return "#1ebdd0";
    }

    if (occupancy <= 50) {
      return "#159588";
    }

    if (occupancy <= 60) {
      return "#2d9a2d";
    }

    if (occupancy <= 70) {
      return "#8cc051";
    }

    if (occupancy <= 80) {
      return "#fdc12f";
    }

    if (occupancy <= 90) {
      return "#fd9728";
    }

    if (occupancy <= 100) {
      return "#fb582f";
    }
  }

  function addCircle(hospital) {
    const capacity = hospital.level + 10;
    const occupied = hospital.patient_count;

    L.circleMarker([hospital.latitude, hospital.longitude], {
      radius: 5,
      color: getColor(occupied, capacity),
      opacity: 1,
      fillOpacity: 1,
    }).addTo(map);
  }

  async function main() {
    if (typeof map === "undefined") {
      return;
    }

    const hospitals = await fetchHospitals();
    hospitals.map((hospital) => {
      addCircle(hospital);
    });

    const allianceHospitals = await fetchAllianceHospitals();
    allianceHospitals.map((hospital) => {
      addCircle(hospital);
    });
  }

  main();
})();

Alles anzeigen

BOS-Ernie · 4. Dezember 2022

Update 0.2.0: Verwendet CircleMarker mit fixer Grösse statt Circle

Vaporizer · 5. Dezember 2022

Du kannst imho die an map übergebene callback-function in Z. 105 und Z. 110 direkt angeben.

Code

// Zeile 105
hospitals.map((hospital) => {
      addCircle(hospital);

// in kürzer
hospitals.map(addCircle);

Das Cachen in Z. 20 und Z. 30 kannst du weglassen, weil du nicht noch mal darauf zugreifst. Für die aktuellste Bettenbelegung musst du eh refreshen und /api/buildings neu auslesen.

Code

// Zeile 20, analog Zeile 30
window.sessionStorage.setItem("buildings", JSON.stringify(data));

Teilen