Ikoner

Herunder kan du se hvordan de forskellige ikoner (pins) ser ud fra namedstyle.

Farven på de enkelte ikoner kan styres vha. fillcolor og scale som f.eks. her:

"features_style": {
  "namedstyle": "#pin001",
  "scale": 1,
  "fillcolor": "rgba(200,0,0,1)"
}

Det er selvfølgelig også muligt at benytte templates i både namedstyle, fillcolor osv. og herved få f.eks. individuelle farver på de enkelte pins.

For nogle de ikoner, der ikke hedder noget med #pin... betyder radius også hvor stor en radius hjørnerne har. Default radius på de enkelte ikoner er forskellige, men hvis radius sættes til 0, så bliver ikonet firkantet mens hvis det sættes til 50%, så bliver ikonet helt rundt. Herved er det muligt at få lidt runde hjørner ved at angive en lille raduis. Prøv f.eks.:

"features_style": {
  "namedstyle": "#restaurant",
  "radius": 4
}

Namedstyles

Herunder ses alle de forskellige namedstyles, der kan vælges imellem.

Vis konfigurationen

Konfiguration

HTML

            
<div data-widget-url="https://widget.cdn.septima.dk/3.10.3/config/style30.json"></div>
<script src="https://widget.cdn.septima.dk/3.10.3/widgetconfig.js"></script>
            
          

Relaterede eksempler

Der er desværre ingen eksempler, der bruger de samme komponenter.

Anvendte funktioner