Table Of Contents

Previous topic

Map

Next topic

Popup

This Page

Marker

Hide code
<script type="text/javascript">
   function init() {
      var api6 = new GeoAdmin.API();
      api6.createMap({
         div: "mymap6",
         easting: 600000,
         northing: 200000,
         zoom: 8
      });
      api6.showMarker();
   }
</script>
<body onload="init();">
  <div id="mymap6" 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>

Custom marker

Hide code
<script type="text/javascript">
   function init() {
      var api7 = new GeoAdmin.API();
      api7.createMap({
         div: "mymap7",
         easting: 600000,
         northing: 200000,
         zoom: 0
      });
      api7.showMarker({
         iconPath: 'http://www.geo.admin.ch/images/logo.jpg',
         fillOpacity: 0.8,
         easting: 655000,
         northing: 255000,
         graphicHeight: 103,
         graphicWidth: 246
      });
   }
</script>
<body onload="init();">
  <div id="mymap7" 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 Swissimage

Hide code
<script type="text/javascript">
   function init() {
      var api9 = new GeoAdmin.API();
      api9.createMap({
         div: 'mymap9',
         easting: 568550,
         northing: 173975,
         zoom: 3,
         bgOpacity: 0
      });
   }
</script>
<body onload="init();">
  <div id="mymap9" 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

Hide code
<script type="text/javascript">
   function init() {
      var api10 = new GeoAdmin.API();
      api10.createMap({
         div: "mymap10",
         easting: 600000,
         northing: 200000,
         zoom: 1
      });
      api10.createBaseLayerTool({
         renderTo: "baselayertool10",
         label: 'Orthophoto',
         slider: {
            width: 170
         },
         combo: {
            width: 242
         }
      });
   }
</script>
<body onload="init();">
   <div id="baselayertool10" style="display: none; visibility: hidden; margin:10px !important;"></div>
   <div id="mymap10" 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>