Styling af kortlag og søgeresultater

Styling bestemmer, hvordan geometrier og ikoner vises. Der er forskel på styling af et kortlag og styling af et søgeresultat:

Hvad vil du ændre?	Konfiguration
Farver og symboler på et vektorlag	features_style på laget i style.yml
Ikon og geometri for en type søgeresultat	En style med source, type og style i styles.yml

De to konfigurationer kan ikke bruges i stedet for hinanden. Definition af datakilder findes under Kortlag og datakilder. Signaturer i lagvælgeren beskrives under Signaturforklaring.

Feature-styling (features_style)

Styling af vektorfeatures sker med features_style. Du kan enten bruge et namedstyle-preset og evt. overskrive enkelte felter, eller angive alt eksplicit:

Åbn profilens style.yml under config/organisations/<organisation>/configurations/<profil>/. Tilføj eller tilpas features_style på det relevante lag i maps → config → map → layer. Udsnittet nedenfor viser kun lagets styling; behold lagets eksisterende id og datakilde.

features_style:
  namedstyle: "#004"       # preset — kan udelades helt
  symbol: circle            # circle, square, triangle, star, cross, x
  radius: 8
  fillcolor: rgba(2,168,18,0.5)
  strokecolor: rgba(0,0,0,1)
  strokewidth: 2
  lineDash: [5, 5]
  text: "<%= name %>"       # skabelon mod feature-properties

Angiver du et array af style-objekter, tegnes laget i flere "omgange" — nyttigt hvis du vil have fx en lys outline under en mørk streg, eller to linjer med forskellig lineDash.

Styling af vejens ikon og geometri

Vil du ændre standardfarven på en vej i søgeresultaterne, kan du tilføje en style for veje i styles.yml. strokecolor og fillcolor styrer geometriens streg- og fyldfarve, mens strokewidth styrer stregens bredde. Feltet svg kan bruges til at angive ikonets SVG.

Find den styles.yml, som din konfiguration anvender, og tilføj eller tilpas posten i den eksisterende liste af styles. source og type skal matche søgeresultatet. Eksemplet nedenfor gælder DAWA-veje (Dawa / vej); det er ikke en generel style for alle vejsøgere.

- source: Dawa
  type: vej
  style:
    strokecolor: 'rgba(255,70,132,1)'
    fillcolor: 'rgba(255,70,132,0.25)'
    strokewidth: 8
    svg: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M18.1,4.8C18,4.3 17.6,4 17.1,4H13L13.2,7H10.8L11,4H6.8C6.3,4 5.9,4.4 5.8,4.8L3.1,18.8C3,19.4 3.5,20 4.1,20H10L10.3,15H13.7L14,20H19.8C20.4,20 20.9,19.4 20.8,18.8L18.1,4.8M10.4,13L10.6,9H13.2L13.4,13H10.4Z"/></svg>'

Eksempel på resultatet i OneDoor: