Zonen (farblich) unterscheiden zwischen "selektiert" und "nicht selektiert". about trafimage-maps HOT 1 CLOSED

Umgesetzt in #17.

Das Styling der Zonen ist konfigurierbar. Selektierte Zonen können anders eingefärbt werden als nicht selektierte. Beispiel: https://trafimage-maps.netlify.com/#section-casa

Wir verbessern aktuell die Layer-Doku. Weil diese die neuen Parameter noch nicht enthält, hier eine kurz-Doku in Textform:

Beim Aufruf des Layers kann mit dem Attribut zoneStyle der globale Style der Zonen definiert werden.

  const zoneLayer = new ZoneLayer({
    token: '...',
    zoneStyle: {
      stroke: { width: 0 },
    },
  });

Per Default wird folgender Style verwendet:

    {
      fill: {
        color: 'rgb(255, 200, 25)',
      },
      stroke: {
        width: 2,
        color: 'black',
      },
      text: {
        font: '12px Arial',
        color: 'black',
      },
    };

Mit der neuen zoneStyleFunction kann das Styling der Zonen dynamisch geändert werden:

  const zoneLayer = new ZoneLayer({
    token: '...',
    zoneStyleFunction: (zoneProps, isSelected) => {
      return {
        fill: {
          color: isSelected ? 'red' : 'rgb(255, 200, 25)',
        },
      };
    },
  });

Was sagt Ihr zur API? Wenn Ihr Änderungswünsche habt, dann teilt uns diese gern mit.

from trafimage-maps.