
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <style type="text/css">

        #map {

            width: 100%;

            height: 100%;

            border: 1px solid black;

        }

    </style>

    <script src="../lib/OpenLayers.js"></script>

    <script type="text/javascript">

        var lon = 5;

        var lat = 40;

        var zoom = 5;

        var map, layer;


        function init(){

            map = new OpenLayers.Map( $('map'), {'projection': 'EPSG:28992', 'units':'m', 'resolutions': [512,256,175,100,50,30,10,5,2.5,1], 'maxExtent': new OpenLayers.Bounds(144912,409320,156422,418035)});

            layer = new OpenLayers.Layer.WMS( "MyBaseLayer", 'http://gbkn-bestel.geodan.nl/cgi-bin/webmapping/sclmapserver.exe?', {layers: 'layer_1,layer_2,layer_3,layer_4,layer_5,layer_6', 'format':'image/jpeg'},

              {'buffer': 0, isBaseLayer: true, singleTile: true} );


            map.addLayer(layer);


            layer = new OpenLayers.Layer.WMS( "MyLayer", 'http://www.rijkswaterstaat.nl/services/geoservices/basispakket/nationaalwegenbestand?', {layers: 'AAA64', 'format':'image/gif', TRANSPARENT:true},

              {'buffer': 0, isBaseLayer: false, singleTile: true} );


            map.addLayer(layer);


            if (!map.getCenter()) map.zoomToMaxExtent();

        }

    </script>

  </head>

  <body onload="init()">

    <div id="map"></div>

  </body>

</html>