Table Of Contents

Default Map
Map with gray pixelmap and overlay layer
Base Layer Tool
Swiss Search
BOD Search

Previous topic

API Widgets Examples

Next topic

This Page

Default Map¶

<script type="text/javascript">
   function init() {
      var map1 = new GeoAdmin.Map("mymap1", {doZoomToMaxExtent: true});
   }
</script>
<body onload="init();">
  <div id="mymap1" style="width:500px;height:340px;border:1px solid grey;padding: 0 0 0 0;margin:10px !important;"></div>
  <script type="text/javascript" src="https://api.geo.admin.ch/loader.js"></script>
</body>

Map with gray pixelmap and overlay layer¶

<script type="text/javascript">
   function init() {
      var map2 = new GeoAdmin.Map("mymap2", {doZoomToMaxExtent: true});
      map2.switchComplementaryLayer("ch.swisstopo.pixelkarte-grau", {opacity: 1});
      map2.addLayerByName("ch.swisstopo.swissboundaries3d-kanton-flaeche.fill");
   }
</script>
<body onload="init();">
  <div id="mymap2" style="width:500px;height:340px;border:1px solid grey;padding: 0 0 0 0;margin:10px !important;"></div>
  <script type="text/javascript" src="https://api.geo.admin.ch/loader.js"></script>
</body>

Base Layer Tool¶

<script type="text/javascript">
   function init() {
      var map3 = new GeoAdmin.Map("mymap3", {doZoomToMaxExtent: true});
      map3.switchComplementaryLayer("ch.swisstopo.pixelkarte-farbe", {opacity: 1});
      var baseLayerTool = new GeoAdmin.BaseLayerTool({
         renderTo: "baselayertool3",
         map: map3
      });
   }
</script>
<body onload="init();">
  <div id="baselayertool3"></div>
  <div id="mymap3" style="width:500px;height:340px;border:1px solid grey;padding: 0 0 0 0;margin:10px !important;"></div>
  <script type="text/javascript" src="https://api.geo.admin.ch/loader.js"></script>
</body>

Swiss Search¶

<script type="text/javascript">
   function init() {
      var map4 = new GeoAdmin.Map("mymap4", {doZoomToMaxExtent: true});
      map4.switchComplementaryLayer("ch.swisstopo.pixelkarte-farbe", {opacity: 1});
      var swisssearch = new GeoAdmin.SwissSearchComboBox({
         width: 500,
         renderTo: "mysearch4",
         map: map4
      });
   }
</script>
<body onload="init();">
  <div id="mysearch4" style="margin:10px !important;"></div>
  <div id="mymap4" style="width:500px;height:340px;border:1px solid grey;padding: 0 0 0 0;margin:10px !important;"></div>
  <script type="text/javascript" src="https://api.geo.admin.ch/loader.js"></script>
</body>

BOD Search¶

<script type="text/javascript">
   function init() {
      var map5 = new GeoAdmin.Map("mymap5", {doZoomToMaxExtent: true});
      var swisssearch = new GeoAdmin.BodSearchComboBox({
         width: 500,
         renderTo: "mysearch5",
         map: map5
      });
   }
</script>
<body onload="init();">
  <div id="mysearch5" style="margin:10px !important;"></div>
  <div id="mymap5" style="width:500px;height:340px;border:1px solid grey;padding: 0 0 0 0;margin:10px !important;"></div>
  <script type="text/javascript" src="https://api.geo.admin.ch/loader.js"></script>
</body>