Aktionen

Projekt

Iframe: Unterschied zwischen den Versionen

Aus INOVe

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
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, 10: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:

  <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

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 .

Cookies helfen uns bei der Bereitstellung von INOVe. Durch die Nutzung von INOVe erklärst du dich damit einverstanden, dass wir Cookies speichern.