Aktionen

Projekt

Iframe: Unterschied zwischen den Versionen

Aus INOVe

 
Zeile 9: Zeile 9:
 
       height="600px"
 
       height="600px"
 
       width="99%">
 
       width="99%">
   </iframe><br>
+
   </iframe>
 
   Beschreibung der Karte
 
   Beschreibung der Karte
 
</div>
 
</div>
Zeile 22: Zeile 22:
 
       height="600px"
 
       height="600px"
 
       width="99%">
 
       width="99%">
   </iframe><br>
+
   </iframe>
 
   Beschreibung der Karte
 
   Beschreibung der Karte
 
</div>
 
</div>

Aktuelle Version vom 18. Februar 2021, 11:22 Uhr

Anleitung, wie man hier im Wiki externe Inhalte aus anderen Websites mit Hilfe von iframes einbinden kann.

wechange-Karte

Ihr könnt einen Ausschnitt der Karte von wechange in einen Artikel einbinden, indem ihr ein Segment wie das folgende eingebt:

<div class="map" style="float: none; width: 95%;">
   <iframe
      key="wechangemap"
      path="?search_result_limit=100&q=&people=false&events=false&projects=true&groups=true&ideas=true&ne_lat=53.26193&ne_lon=10.43289&sw_lat=53.23276&sw_lon=10.377968"
      height="600px"
      width="99%">
   </iframe>
   Beschreibung der Karte
</div>

Die Darstellung sieht dann so aus:

  
  Beschreibung der Karte

Am wichtigsten ist die Variable path="...". Hier gehört der hintere Teil des URL des Kartenausschnitts hinein, den du einbetten möchtest, und zwar der Teil hinter https://wechange.de/map/. Bei height="..." und width="..." kannst du die Höhe bzw. Breite des iframes festlegen.

Sehr ähnlich funktioniert auch das Einbetten der Karte mittels iframe auf Websites, mehr dazu hier .