Published on 29 April 2024

Integrating the map viewer into a website

geo.admin.ch offers a simple and free way of integrating the map.geo.admin.ch map viewer into any web page using an iFrame.

Screenshot of 'iFrame from geo.admin.ch'.

A description of a place, a map for an event or an illustration to support a presentation can now be easily viewed. What's more, the map content can be expanded and, if required, the full application can be integrated using iFrame.

Flyer (in German)

• Flyer iFrame

  Flyer Kartenviewer in Website einbinden

  PDF4.87 MB15 August 2025

Map integration options

• Simple map

  Using the Share function, a predefined view of map.geo.admin.ch is created as iFrame HTML code. This can then be integrated into a website.

  Function Share

  Result

• Simple map with legend

  The legend can be added to the simple map. Right-click on the Infobox image representing the legend that appears in «View dataset information». The content will be opened in the new window. This URL can be added to the HTML code of the iFrame section.

  ^{<b>Legend</b>
  <p><img src="http://api3.geo.admin.ch/static/images/legends/ch.bafu.grundwasserschutzzonen_en.png" alt="Legend" >}

  Result

  Legend

• Simple map with own data

  The points of interest (in red), routes (in orange) and surfaces (in blue) of the following map were created using the Draw function: the graphic elements were then saved locally in KML format and uploaded to a web server. This information can be integrated using the Import KML function. The legend was added in the HTML code as text.

  KML Zoo

  KML file with graphical elements

  Legend

  Blue: Halle Masoala

  Red: Points of interest

  Orange: Itinerary

• Full cartographic application

  Where standard functions such as location search, measurement, etc. are required, the complete map viewer can be integrated into a website. This automatically adapts to the size and remains interactive. To do this, replace «embed.html» with «map.geo.admin.ch/» and delete «?topic».
  
  Important: to activate geolocation, you need to adapt the code by adding the parameter allow='geolocation'. This parameter avoids problems with certain browsers.

   ^{<iframe src='//map.geo.admin.ch/?lang=en&X=273253.00&Y=623352.00&zoom=9&bgLayer=ch.swisstopo.pixelkarte-farbe' width='100%' height='400' frameborder='0' style='border:0' allow='geolocation'></iframe>}

Some examples of integration:

• www.wildruhezonen.ch
• www.natur-freizeit.ch
• www.trail.ch
• www.geoplanteam.ch

Terms and conditions of use

• The map.geo.admin.ch map viewer can be integrated into any web page as a small dynamic map (iFrame). The layout (CSS) and functions must not be modified.
• When displaying user or third-party data using the available interfaces (e.g. KML/WMS), the conditions of use of the respective data owner must be observed.
• Liability claims against federal authorities - to the extent permitted by law - are excluded. This functionality is available at https://www.admin.ch/gov/en/start/terms-and-conditions.html.

Further information

• General Terms of Use and Operating Conditions of the Federal Spatial Data Infrastructure FSDI