Inbäddning

Utkast 2. 2019.02.11.
Instruktion: Klicka på respektive punkt för att visa information. Detaljkartornas vy kan ändras genom att klicka och dra med muspekaren.
Minimibredd på inbäddningen ca. 800px.

Inbäddningskod

Vänligen använd följande inbäddningskod för webbkartan. Observera minsta bredd på inbäddning ca. 800px. Använd direktlänk i övriga fall (se ”Mobilversion” nedan).
Notera även användningen av DIV-wrappern som ser till att korrekt höjd-breddförhållande (210/297) bibehålls på inbäddningen.
Inbäddningen är responsiv, ändra ej några värden på höjd/bredd i inbäddningskoden! (Bredden på överliggande container styr maxbredden).

<style type="text/css">
.aspectiframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
  border: 1px solid lightgray;
  border-left: 5px solid #335643;
  border-radius: 10px;
}
.aspectwrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70.5%;
}
</style>
<div class="aspectwrap">
<iframe class="aspectiframe" src="https://3d.ax/ahs" height="724" width="1024" allowfullscreen="" frameborder="0"></iframe>
</div>

Mobilversion

Använd följande direktlänk på mobilversion av sidan och för enheter med små skärmar: 3d.ax/ahs/index-mobile.html
Bädda ej in! denna version tillåter scroll/zoom vilket försvårar rullning med mushjulet på sidor med iframe.


Tillfällig direktlänk

Om inbäddning ej är möjlig (tex. på den gamla webbplatsen) använd följande direktlänk till popup-fönster:
https://3d.ax/ahs

<a href='#' onclick='window.open("https://3d.ax/ahs","popUpWindow","width=1024,height=708"); return false;'>https://3d.ax/ahs</a>