<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ka-Map - MapBuilder Mode!</title>
<script type="text/javascript" src="DHTMLapi.js"></script>
<script type="text/javascript" src="xhr.js"></script>
<script type="text/javascript" src="kaMap.js"></script>
<script type="text/javascript" src="kaTool.js"></script>
<script type="text/javascript" src="wmsLayer.js"></script>
<script type="text/javascript">
window.onload = function()
{
var myKaMap = new kaMap('viewport');
var kaNav = new kaNavigator(myKaMap);
kaNav.activate();
var map = new _map({name:'gmap75',title:'GMap 75',currentScale: 40000000,units:5,resolution:72,scales:['40000000','25000000','12000000','7500000','3000000','1000000']});
map.setDefaultExtents(-137,38,-51,84.4);
map.setBackgroundColor('rgb(255,255,255)');
map.addLayer(new _wmsLayer( "DEMO", true, 100, "png", false, "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap?", "1.1.1", "DEMO", "epsg:4326"));
myKaMap.addMap( map );
//these could become properties of the _map object
myKaMap.tileWidth=300;
myKaMap.tileHeight=300;
//selectMap actually causes the creation of the layer and image objects internally
myKaMap.selectMap('gmap75');
}
</script>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
background-color: #d9d9d9;
overflow: hidden;
}
#viewport {
position: absolute;
width: 100%;
height: 100%;
background-color: #f0f0f0;
overflow: hidden;
border: 1px solid #000000;
}
#kaLogo {
position: absolute;
right: 3px;
bottom: 3px;
z-index: 2;
}
</style>
</head>
<body>
<div id="viewport">
<div id="kaLogo"><a href="http://ka-map.maptools.org/" target="_blank"><img alt="powered by ka-Map!" src="images/powered_by_kamap_lt.png" border="0" width="85" height="23"></a></div>
</div>
</body>
</html>