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