Bikeable iFrame

Das Bikeable iFrame ermöglicht eine direkte Einbettung der Inhalte von Bikeable. Benutzer*innen können dann mit der Karte interagieren und neue Punkte hinzufügen.

Du brauchst deiner Website nur folgendes Code-Snippet hinzufügen. Dies tust du in einem „Custom HTML“ Block.

<iframe src="https://bikeable.ch/map?embed=true¢er=47.3805,8.5208&zoom=12" height="600" width="100%"></iframe>

Grösse des Elements

Bei Width und Height kannst du entweder eine Nummer (Anzahl Pixel) oder Prozent (Im Verhältnis zur Grösse der Gesamt-Seite) eingeben.

Zum Beispiel wenn du width=“100%“ height=“600″ eingibst wird die Karte so breit wie es die Website erlaubt und 600 Pixel hoch.

Koordinaten

Du kannst nach ¢er= Koordinaten eingeben auf welche sich die Karte zentrieren wird. Wichtig dabei ist, dass es keine Leerschläge gibt, sowie das ¢er gleich bleibt. Leider gibt es ab und zu ein Problem in Worpress welches ¢ automatisch in ein ¢ Symbol umwandelt.

Zoom

Nach &zoom= kannst du ein Zoom Level eingeben. Dies geht von 1-20 wobei 20 am nächsten ist und 1 am weitesten weg. Ausprobieren lohnt sich.