var myKaMap=myKaNavigator=myKaQuery=myScalebar=null;var queryParams=null; function parseQueryString(){ queryParams=[]; var s=window.location.search; if (s!='') { s=s.substring( 1 ); var p=s.split('&'); for (var i=0;i<p.length;i++) { var q=p[i].split('='); queryParams[q[0]]=q[1]; } }} function getQueryParam(p){ if (!queryParams) { parseQueryString(); } if (queryParams[p]) return queryParams[p]; else return '';} function myOnLoad() { initDHTMLAPI(); window.onresize=drawPage; myKaMap=new kaMap( 'viewport' ); var map=getQueryParam('map'); var extents=getQueryParam('extents'); var cps=getQueryParam('cps'); var myKaLegend=new kaLegend( myKaMap, 'legend', false ); var myKaKeymap=new kaKeymap( myKaMap, 'keymap' ); myKaMap.registerForEvent( KAMAP_INITIALIZED, null, myInitialized ); myKaMap.registerForEvent( KAMAP_MAP_INITIALIZED, null, myMapInitialized ); myKaMap.registerForEvent( KAMAP_SCALE_CHANGED, null, myScaleChanged ); myKaMap.registerForEvent( KAMAP_QUERY, null, myQuery ); myKaNavigator=new kaNavigator( myKaMap ); myKaNavigator.activate(); myKaQuery=new kaQuery( myKaMap, KAMAP_RECT_QUERY ); myScalebar=new ScaleBar(1); myScalebar.divisions=3; myScalebar.subdivisions=2; myScalebar.minLength=150; myScalebar.maxLength=250; myScalebar.place('scalebar'); drawPage(); myKaMap.initialize( map, extents, cps );} function myInitialized() { } function myMapInitialized( eventID, mapName ) { var aMaps=myKaMap.getMaps(); var oSelect=document.forms[0].maps; var j=0; var opt=new Option( 'select a map', '', true, true ); oSelect[j++]=opt; for(var i in aMaps) { oSelect[j++]=new Option(aMaps[i].title,aMaps[i].name,false,false); } var oSelect=document.forms[0].maps; if (oSelect.options[oSelect.selectedIndex].value !=mapName) { for(var i=0; i < oSelect.options.length; i++ ) { if (oSelect.options[i].value==mapName) { oSelect.options[i].selected=true; break; } } } var currentMap=myKaMap.getCurrentMap(); var scales=currentMap.getScales(); var currentScale=myKaMap.getCurrentScale(); var iWidth=6; var iMaxHeight=10; var iMinHeight=20; var zoomer="<span style='width:"+(scales.length*iWidth)+"'>"; for(var i=0; i<scales.length; i++) { var zoomTo='mySetScale(' +scales[i]+')'; var iHeight=iMaxHeight - parseInt((iMaxHeight - iMinHeight) *i/scales.length); var zoomImg=''; if (scales[i]==currentScale) { zoomImg='<img src="images/pixel-red.png" width="' + iWidth + '" height="' + iHeight + 'px" border="0" onclick="'+zoomTo+'" title="Zoom to 1:'+scales[i]+'" alt="Zoom to 1:'+scales[i]+'" id="img'+scales[i]+'"/>'; } else { zoomImg='<img src="images/pixel-blue.png" width="' + iWidth + '" height="' + iHeight + 'px" border="0" onclick="'+zoomTo+'" title="Zoom to 1:'+scales[i]+'" alt="Zoom to 1:'+scales[i]+'" id="img'+scales[i]+'"/>'; } zoomer=zoomer + zoomImg ; } zoomer=zoomer+"</span>"; getRawObject('zoomer').innerHTML=zoomer; switchMode('toolPan');} function myScaleChanged( eventID, scale ){ var currentMap=myKaMap.getCurrentMap(); var scales=currentMap.getScales(); for(var i in scales){ var imgString='img'+scales[i]; var scaleString='img'+scale; if(getRawObject(imgString)) { if(imgString==scaleString) { getRawObject(scaleString).src='images/pixel-red.png'; } else { getRawObject(imgString).src='images/pixel-blue.png'; } } } myScalebar.update(scale); if (scale >=1000000) { scale=scale / 1000000; scale=scale + " Million"; } var outString='current scale 1:'+ scale; getRawObject('scale').innerHTML=outString; } function mySetScale( scale ){ myKaMap.zoomToScale( scale );} function mySetMap( name ){ myKaMap.selectMap( name );} function myQuery( eventID, queryType, coords ){ var szLayers=''; var layers=myKaMap.getCurrentMap().getQueryableLayers(); for (var i=0;i<layers.length;i++) { szLayers=szLayers + "," + layers[i].name; } var extent=myKaMap.getGeoExtents(); var scale=myKaMap.getCurrentScale(); var cMap=myKaMap.getCurrentMap().name; alert( "Map: " + cMap + " | Scale: " + scale + " | Extent: " + extent + " | QUERY: " + queryType + " " + coords + " on layers " + szLayers );} function myZoomIn(){ myKaMap.zoomIn();} function myZoomOut(){ myKaMap.zoomOut();} function toggleToolbar(obj){ if (obj.style.backgroundImage=='') obj.isOpen=true; if (obj.isOpen) { obj.title='show toolbar'; obj.style.backgroundImage='url(images/arrow_down.png)'; var bValue=getObjectTop(obj);; var d=getObject('toolbar'); d.display="none"; obj.isOpen=false; obj.style.top="3px"; } else { obj.title='hide toolbar'; obj.style.backgroundImage='url(images/arrow_up.png)'; var d=getObject('toolbar'); d.display="block"; obj.isOpen=true; var h=getObjectHeight('toolbar'); obj.style.top=(h + 3) + "px"; }} function toggleKeymap(obj){ if (obj.style.backgroundImage=='') obj.isOpen=true; if (obj.isOpen) { obj.title='show keymap'; obj.style.backgroundImage='url(images/arrow_left.png)'; var bValue=getObjectTop(obj);; var d=getObject('keymap'); d.display="none"; obj.isOpen=false; } else { obj.title='hide keymap'; obj.style.backgroundImage='url(images/arrow_right.png)'; var d=getObject('keymap'); d.display="block"; obj.isOpen=true; }} function toggleReference(obj){ if (obj.style.backgroundImage=='') obj.isOpen=true; if (obj.isOpen) { obj.title='show reference'; obj.style.backgroundImage='url(images/arrow_up.png)'; var d=getObject('reference'); d.display='none'; obj.isOpen=false; obj.style.bottom='3px'; } else { obj.title='hide reference'; obj.style.backgroundImage='url(images/arrow_down.png)'; var d=getObject('reference'); d.display='block'; obj.isOpen=true; obj.style.bottom=(getObjectHeight('reference') + 3) + 'px'; }} function dialogToggle( href, szObj ){ var obj=getObject(szObj); if (obj.display=='none') { obj.display='block'; href.childNodes[0].src='images/dialog_shut.png'; } else { obj.display='none'; href.childNodes[0].src='images/dialog_open.png'; }} function drawPage(){ var browserWidth=getInsideWindowWidth(); var browserHeight=getInsideWindowHeight(); var viewport=getRawObject('viewport'); if(myKaMap.isIE4) { viewport.style.width=(browserWidth -2) + "px"; } else { viewport.style.width=browserWidth + "px"; } if(myKaMap.isIE4) { viewport.style.height=(browserHeight -2) + "px"; } else { viewport.style.height=browserHeight + "px"; } myKaMap.resize();} function getFullExtent() { var exStr=myKaMap.getCurrentMap().defaultExtents.toString(); var ex=myKaMap.getCurrentMap().defaultExtents; myKaMap.zoomToExtents(ex[0],ex[1],ex[2],ex[3]);} function switchMode(id){ if(id=='toolQuery'){ myKaQuery.activate(); getRawObject('toolQuery').style.backgroundImage='url(images/tool_query_2.png)'; getRawObject('toolPan').style.backgroundImage='url(images/tool_pan_1.png)'; }else if(id=='toolPan'){ myKaNavigator.activate(); getRawObject('toolQuery').style.backgroundImage='url(images/tool_query_1.png)'; getRawObject('toolPan').style.backgroundImage='url(images/tool_pan_2.png)'; }else{ myKaNavigator.activate(); }} function applyPNGFilter(o){ var t="images/a_pixel.gif"; if( o.src !=t ) { var s=o.src; o.src=t; o.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+s+"',sizingMethod='scale')"; }}