widgets

<<< zurück

 

Die Werkstattsuche kann als interaktives Widget in andere Webseiten eingebunden werden. Über einfache Anpassungen des iframe-Codeschnipsels lassen sich Filter (Ort, Werkbereich, Zoomlevel) definieren, sowie Farben und Marker an spezifische Interessen und Webseiten-Designs anpassen. Hier einige Beispiele

 

Filter nach Kategorien und/oder Ort

Parameter categories[]: Kategorie-Name (kann mehrfach verwendet werden: ?categories[]=CNC-Fräse&categories[]=Elektronik
Paramter city: Ort

<iframe width="100%"  src="https://www.offene-werkstaetten.org/widgets/search?categories[]=CNC-Fräse&categories[]=Elektronik&city=Berlin" ></iframe>

Zoom auf Koordinaten (z.B. Schweiz)

Parameter lat, lng: Koordinaten, Punkt als Trennzeichen für Dezimalstellen (kein Komma)
Parameter customZoomLevel: Gewünschte Zoomstufe (0-16)

<iframe width="100%" height="500" src="https://www.offene-werkstaetten.org/widgets/search?lat=46.8&lng=8.2&customZoomLevel=8" ></iframe>

Angepasste Farben und Marker

Parameter colorA, colorB: HexCode ohne #, z.B. 0489B1
Paramter customMarkerSrc: 40x40px, Url zur Bild-Datei
Paramter customClusterSrc: 40x40px, Url zur Bild-Datei
Hier findest du viele frei verfügbare Marker.

 <iframe width="100%" height="500" src="https://www.offene-werkstaetten.org/widgets/search?categories[]=Druckverfahren&colorA=74ac61&colorB=0489B1&customMarkerSrc=https://cdn0.iconfinder.com/data/icons/map-location-solid-style/91/Map_-_Location_Solid_Style_06-48.png&customClusterSrc=https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-circle-filled-48.png" ></iframe>