iFrame embedding av Mazemap på nettside

IFrame-integrasjon med Mazemap

Du kan enkelt vise Mazemap-kart direkte på din nettside med et <iframe>-element. Følg disse trinnene:

1. Grunnleggende IFrame-snippet

<iframe
  width="100%"
  height="420"
  frameborder="0"
  scrolling="no"
  marginheight="0"
  marginwidth="0"
  src="https://use.mazemap.com/?config=uio&utm_medium=iframe"
  style="border:1px solid #ccc;"
  allow="geolocation"></iframe>

2. Fremheve en spesifikk campus

Legg til parameteren &campusid=XXX i URL-en. F.eks. for Blindern:

<iframe
  ...  
  src="https://use.mazemap.com/?config=uio&campusid=797&utm_medium=iframe"
  ...
></iframe>

Finn campusID og byggID i byggregisteret

3. Sentrere og zoome inn på et bygg

1. Åpne kartet: use.mazemap.com
2. Finn og klikk på ønsket bygg.
3. Kopier koordinater og zoom-nivå fra nettleserens URL (eksempel: center=10.721605,59.939002&zoom=19.2)
4. Lim inn i IFrame-URL:

<iframe
  ...
  src="https://use.mazemap.com/?config=uio&campusid=797&center=10.721605,59.939002&zoom=19.2&utm_medium=iframe"
  ...
></iframe>

4. Lenke til spesifikt rom eller punkt (POI)

Du kan vise ett bestemt punkt (POI) ved å bruke sharepoitype=poi&sharepoi=ID. F.eks. rom 3420:

<iframe
  ...
  src="https://use.mazemap.com/#v=1&campusid=799&sharepoitype=poi&sharepoi=1000986447&utm_medium=iframe"
  ...
></iframe>

Tips for høyde og zoom

• Øk høyden (f.eks. height="600") for bedre visning.
• Justér zoom-verdien i URL for å vise mer eller mindre av området.

Flere eksempler

Under ser du to varianter: én med standard høyde, én med økt høyde.

Mer detaljer i Mazemap-dokumentasjonen