Index: lams_tool_gmap/web/common/learnerheader.jsp =================================================================== diff -u -rbaf5d2db55e5db78d24d07464b301c0568762607 -rabc13ff7ed0ef681e9a6f37cb671480f2fad7aaa --- lams_tool_gmap/web/common/learnerheader.jsp (.../learnerheader.jsp) (revision baf5d2db55e5db78d24d07464b301c0568762607) +++ lams_tool_gmap/web/common/learnerheader.jsp (.../learnerheader.jsp) (revision abc13ff7ed0ef681e9a6f37cb671480f2fad7aaa) @@ -48,12 +48,17 @@ var limitMarkers = ${gmapDTO.limitMarkers}; var markerLimit = 0; var markerLimit = ${gmapDTO.maxMarkers}; + + function initLearnerGmap() { + //window.onresize=resizeMap; + //resizeMap(); if (GBrowserIsCompatible()) { //map = new GMap2(document.getElementById("map_canvas"), { size: new GSize(640,320) } ); - map = new GMap2(document.getElementById("map_canvas"), { size: new GSize(500,320) } ); + //map = new GMap2(document.getElementById("map_canvas"), { size: new GSize(400,400) } ); + map = new GMap2(document.getElementById("map_canvas")); markers = new Array(); users = new Array(); geocoder = new GClientGeocoder(); @@ -101,6 +106,49 @@ refreshSideBar(sessionName); } } + + function resizeMap() + { + var contentDiv = document.getElementById("content"); + var mapDiv = document.getElementById("map_canvas"); + var sideBarDiv = document.getElementById("usersidebar"); + + var windowSize = getWindowSize(); + + + var contentDivWidth = Math.round(windowSize[0] * 0.85) - 20; + //var contentDivHeight = Math.round(windowSize[0] * 0.85); + + mapDiv.style.width = Math.round(contentDivWidth * 0.8) + "px"; + sideBarDiv.style.width = Math.round(contentDivWidth * 0.2) + "px"; + //sideBarDiv.style.height = mapDiv.style.height; + } + + + function getWindowSize() + { + var myWidth = 0, myHeight = 0; + if( typeof( window.innerWidth ) == 'number' ) + { + //Non-IE + myWidth = window.innerWidth; + myHeight = window.innerHeight; + } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { + //IE 6+ in 'standards compliant mode' + myWidth = document.documentElement.clientWidth; + myHeight = document.documentElement.clientHeight; + } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { + //IE 4 compatible + myWidth = document.body.clientWidth; + myHeight = document.body.clientHeight; + } + var size = new Array(); + size[0] = myWidth; + size[1] = myHeight; + return size; + } //--> + +