Ejemplo 1

Visualizador básico con acceso a servicios de mapas predeterminados.

Componente Web:


Código fuente:

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
    <script type="text/javascript" language="javascript" src="http://www.idee.es/IDEE_API/IDEE_API.js"></script>
    <style type="text/css">
      #map {
        width: 512px;
        height: 320px;
        top: 5px;
        left: 5px;
        border: 1px solid darkblue;
      }
    </style>
  </head>
  <script type="text/javascript" language="javascript">
    var mapa;
    function init() {
      mapa = new IDEE_API.Map('map');
      
      var wms_1 = new IDEE_API.WMS.Cartociudad();
      mapa.addWMS(wms_1);
      
      var layers = ["RedHidrografica", "RedHidrografica_S"];
      var wms_2 = new IDEE_API.WMS.IDEEBase({layers: layers, transparent: true});
      mapa.addWMS(wms_2);
      
      var extent = new IDEE_API.Bounds(671433.52398, 4608969.85769, 681919.79650, 4618763.69196, "EPSG:23030");
      mapa.setExtent(extent);
      
      var scaleBar = new IDEE_API.Tool.ScaleBar();
      var navBar = new IDEE_API.Tool.NavBarInfo();
      var mouse = new IDEE_API.Tool.MouseWheelZoom();
      var loading = new IDEE_API.Tool.LoadingMap();
      var toolbar = new IDEE_API.Tool.DefaultToolBar();
      mapa.addTools([toolbar, scaleBar, navBar, mouse, loading]);
    }
  </script>
  <body onload="init()">
    <div id="map"></div>
  </body>
</html>