//function used to display a interactive map. //includes the pan bars, zoom levels, and radio buttons. //used with locmap and search. //map - the map object to displaymq_display_address_location //identify - true - display identifyIcon functionality false - zoom and recenter is displayed function mq_display_interactive_map(UId,parentId,map,identify) { if(!mq_ParamExists(map)) return; // map size math // map wrap size // wrap_map = map width + east/west bars var wrap_map = parseInt(map.width) + 22; // wrap_size = wrap_map + zoom bar size var wrap_size = wrap_map + 70; // do math to size spacer images properly // spacer_ns = (total map width - n/s marker)/ each side var spacer_ns = (map.width - 98)/2; // spacer_ew = (total map height - e/w marker)/ each side var spacer_ew = (map.height - 98)/2; // preload images //mq_image_preload_interactive_map(); /* --------------------- BEGIN INTERACTIVE MAP --------------------- */ // TO GET WIDGET ADJUSTABLE. var height = map.height; var width = map.width; var minWidth = "463"; var maxWidth = "1400"; var paddingWidth = "6"; var optionsWidth = "41"; var sideWidth = "28"; var gapWidth = "5"; var widgetMinWidth = minWidth + optionsWidth + paddingWidth+ sideWidth + gapWidth; var widgetMaxWidth = maxWidth + optionsWidth + paddingWidth+ sideWidth + gapWidth; var nsSpacerOffset = 49 + 15 + 76 + 11 + 52 - sideWidth; var ewSpacerOffset = 37 + 13 + 76 + 10 + 37; var newMapWidth = Math.round(eval(width) + eval(optionsWidth) + eval(paddingWidth) + eval(sideWidth) + eval(gapWidth)); var newMapHeight = Math.round(eval(height) + 4 + 32 + 22); var mapWellWidth = newMapWidth; var wrapperWidth = mapWellWidth; document.getElementById(parentId).style.height=newMapHeight+"px"; document.getElementById(parentId).style.width=newMapWidth+"px"; //wrapper containing map, pan tabs, zoom control, legal, and navtech logo document.write(""); //document.write(""); document.write(""); document.write(""); document.write(""); document.write(""); document.write(""); //mapImageId = "mqMap"+UId; parentDivId = parentId; /* if (document.getElementById(parentDivName) == null) { parentDivName = "map_parent_" + (Math.round((Math.random()*197)+1)); var bodyObj = document.getElementsByTagName('body').item(0); parent = createDiv(bodyObj,"",parentDivName); } else { parent = document.getElementById(parentDivName); } */ Mainparent = document.getElementById(parentDivId); //---------------------------------------- // one method //Mainparent = document.createElement ('div'); //Mainparent.className = "myMap"; //Mainparent.id = "mqMap"; var mapImgId = "map"+UId; var m_dvMqContainer = createDiv (Mainparent, 'mqMap', 'mqContainer'+UId); var cwell = createDiv(m_dvMqContainer,"mqContentwell","mqcontentwell"+UId); var mqwrapper = createDiv(cwell,"mqWrapper","mqwrapper"+UId); var mqcontent = createDiv(mqwrapper,"mqContent","mqcontent"+UId); var mqpage = createDiv(mqcontent,"mqPage","mqpage"+UId); mqpage.style.width="auto"; var tble = document.createElement("table"); tble.className = "mapgrinder"; tble.valign = "top"; tble.border = 0; tble.cellpadding = 0; tble.cellspacing = 0; tble.width = "100%"; mqpage.appendChild(tble); var tbdy = document.createElement("tbody"); tble.appendChild(tbdy); var trow = document.createElement("tr"); tbdy.appendChild(trow); var tdclear = document.createElement("td"); tdclear.border = 0; tdclear.style.position = "relative"; tdclear.className = "clear"; tdclear.valign = "top"; trow.appendChild(tdclear); var resDiv = createDiv(tdclear,"mqMaincontent mqClear","results"+UId); var mnwrapper = createDiv(resDiv,"mqMainwrapper",""); var cntDiv = createDiv(mnwrapper,"mqContent",""); var clrDiv = createDiv(cntDiv,"mqClear",""); var mnDiv = createDiv(clrDiv,"mqMain",""); var m1wrapDiv = createDiv(mnDiv,"mqClear",mapImgId +"-wrapper"); var map1linkA = createA(m1wrapDiv,"",""); map1linkA.name = mapImgId +"-link"; var mapwidgetDiv = createDiv(m1wrapDiv,"mqMapwidget mapdefault",mapImgId +"-widget"); mapwidgetDiv.style.width = mapWellWidth+'px'; var pnlClrDiv = createDiv(mapwidgetDiv,"mqPanel mqClear",""); var mapctrlsDiv = createDiv(pnlClrDiv,"mqMapcontrols",mapImgId +"-controls"); mapctrlsDiv.style.width = eval(width) + eval(sideWidth) +'px'; var nsSpacerWidth =Math.round((eval(width) - eval(nsSpacerOffset)) / 2); var ewSpacerHeight =Math.round((eval(height) - eval(ewSpacerOffset)) / 2); var d1,d2; if(eval(eval(width)-eval(nsSpacerOffset))/2 == nsSpacerWidth) d1 = 0; else d1 =1; if(eval(eval(height)-eval(ewSpacerOffset))/2 == ewSpacerHeight) d2 = 0; else d2 =1; // Div and images for nw-n-ne var ndirDiv = createImgDiv(mapctrlsDiv,"","",16,"","",""); ndirDiv.className = "mqNw-n-ne"; var nwImg = createImgDiv(ndirDiv,"",49,16,mapImgId +"-nw","","Pan Northwest"); nwImg.className = "mqNw"; nwImg.title = "Pan Northwest"; var nxnwImg = createImgDiv(ndirDiv,"",15,16,mapImgId +"-nxnw","","Pan Northwest"); nxnwImg.className = "mqNxnwc mqNxnw"; nxnwImg.title = "Pan Northwest"; var nspaImg = createImgDiv(ndirDiv,"",nsSpacerWidth,16,mapImgId +"-na","","Pan North"); nspaImg.className = "mqNa"; nspaImg.title = "Pan North"; var nImg = createImgDiv(ndirDiv,"",76,16,mapImgId +"-n","","Pan North"); nImg.className = "mqN"; nImg.title = "Pan North"; var nspbImg = createImgDiv(ndirDiv,"",eval(nsSpacerWidth) - eval(d1),16,mapImgId +"-nb","","Pan North"); nspbImg.className = "mqNb"; nspbImg.title = "Pan North"; var nxneImg = createImgDiv(ndirDiv,"",11,16,mapImgId +"-nxne","","Pan Northeast"); nxneImg.className = "mqNxnec mqNxne"; nxneImg.title = "Pan Northeast"; var neImg = createImgDiv(ndirDiv,"",52,16,mapImgId +"-ne","","Pan Northeast"); neImg.className = "mqNe"; neImg.title = "Pan Northeast"; // wrapper div for w-map-e var ewdirDiv = createDiv(mapctrlsDiv,"mqW-map-e mqClear",""); // Div and images for west var wDiv = createDiv(ewdirDiv,"mqWest",mapImgId +"-west"); var wnwImg = createImgDiv(wDiv,"w",12,37,mapImgId +"-wnw","","Pan Northwest"); wnwImg.className = "mqWnw"; wnwImg.title = "Pan Northwest"; var wxnwImg = createImgDiv(wDiv,"",12,13,mapImgId +"-wxnw","","Pan Northwest"); wxnwImg.className = "mqWxnwc mqWxnw"; wxnwImg.title = "Pan Northwest"; var wspaImg = createImgDiv(wDiv,"",12,eval(ewSpacerHeight) + eval(d2),mapImgId +"-wa","","Pan West"); wspaImg.className = "mqWa"; wspaImg.title = "Pan West"; var wImg = createImgDiv(wDiv,"",12,76,mapImgId +"-w","","Pan West"); wImg.className = "mqW"; wImg.title = "Pan West"; var wspbImg = createImgDiv(wDiv,"",12,ewSpacerHeight,mapImgId +"-wb","","Pan West"); wspbImg.className = "mqWb"; wspbImg.title = "Pan West"; var wxswImg = createImgDiv(wDiv,"",12,10,mapImgId +"-wxsw","","Pan Southwest"); wxswImg.className = "mqWxswc mqWxsw"; wxswImg.title = "Pan Southwest"; var wswImg = createImgDiv(wDiv,"",12,37,mapImgId +"-wsw","","Pan Southwest"); wswImg.className = "mqWsw"; wswImg.title = "Pan Southwest"; // Div and images for map var mDiv = createDiv(ewdirDiv,"mqMiddle","mapcontainer"+UId); mDiv.style.clip = "rect(0px," + String(eval(map.width) + 2) + "px," + String(eval(map.height) + 2) + "px,0px)"; mDiv.style.height = String(map.height) + "px"; mDiv.style.width = String(map.width) + "px"; map1Img = createImg(mDiv,map.request,map.width,map.height,mapImgId,"map","Map"); map1Img.style.position = "absolute"; map1Img.style.left="0"; map1Img.style.top="0"; //addEvent(map1Img,"load",showPOILayers); map0Img = createImg(mDiv,"",0,0,"map0"+UId,"map","Map"); map0Img.style.position = "absolute"; map0Img.style.zindex = "-1"; map0Img.style.visibility = "hidden"; map0Img.style.left="0"; map0Img.style.top="0"; // Div and images for east var eDiv = createDiv(ewdirDiv,"mqEast",mapImgId +"-east"); var eneImg = createImgDiv(eDiv,"",16,37,mapImgId +"-ene","","Pan Northeast"); eneImg.className = "mqEne"; eneImg.title = "Pan Northeast"; var exneImg = createImgDiv(eDiv,"",16,13,mapImgId +"-exne","","Pan Northeast"); exneImg.className = "mqExnec mqExne"; exneImg.title = "Pan Northeast"; var espaImg = createImgDiv(eDiv,"",16,eval(ewSpacerHeight) + eval(d2),mapImgId +"-ea","","Pan East"); espaImg.className = "mqEa"; espaImg.title = "Pan East"; var eImg = createImgDiv(eDiv,"",16,76,mapImgId +"-e","","Pan East"); eImg.className = "mqE"; eImg.title = "Pan East"; var espbImg = createImgDiv(eDiv,"",16,ewSpacerHeight,mapImgId +"-eb","","Pan East"); espbImg.className = "mqEb"; espbImg.title = "Pan East"; var exseImg = createImgDiv(eDiv,"",16,10,mapImgId +"-exse","","Pan Southeast"); exseImg.className = "mqExsec mqExse"; exseImg.title = "Pan Southeast"; var eseImg = createImgDiv(eDiv,"",16,37,mapImgId +"-ese","","Pan Southeast"); eseImg.className = "mqEse"; eseImg.title = "Pan Southeast"; // Div and images for south var sdirDiv = createImgDiv(mapctrlsDiv,"","",16,"","",""); sdirDiv.className = "mqSw-s-se"; var swImg = createImgDiv(sdirDiv,"",49,16,mapImgId +"-sw","","Pan Southwest"); swImg.className = "mqSw"; swImg.title = "Pan Southwest"; var sxswImg = createImgDiv(sdirDiv,"",15,16,mapImgId +"-sxsw","","Pan Southwest"); sxswImg.className = "mqSxswc mqSxsw"; sxswImg.title = "Pan Southwest"; var sspaImg = createImgDiv(sdirDiv,"",nsSpacerWidth,16,mapImgId +"-sa","","Pan South"); sspaImg.className = "mqSa"; sspaImg.title = "Pan South"; var sImg = createImgDiv(sdirDiv,"",76,16,mapImgId +"-s","","Pan South"); sImg.className = "mqS"; sImg.title = "Pan South"; var sspbImg = createImgDiv(sdirDiv,"",eval(nsSpacerWidth) - eval(d1),16,mapImgId +"-sb","","Pan South"); sspbImg.className = "mqSb"; sspbImg.title = "Pan South"; var sxseImg = createImgDiv(sdirDiv,"",11,16,mapImgId +"-sxse","","Pan Southeast"); sxseImg.className = "mqSxsec mqSxse"; sxseImg.title = "Pan Southeast"; var seImg = createImgDiv(sdirDiv,"",52,16,mapImgId +"-se","","Pan Southeast"); seImg.className = "mqSe"; seImg.title = "Pan Southeast"; // form at bottom click... var clickForm = document.createElement("form"); mapctrlsDiv.appendChild(clickForm); clickForm.action = "#"; clickForm.id = mapImgId +"-mapclick"; clickForm.appendChild(document.createTextNode("Clicking on map will:")); var clickrcz = null; var identifyLoc = null; if(identify == true) { if (__mqcontainer.browser.isIE) { identifyLoc = document.createElement(""); } else if (__mqcontainer.browser.isNS) { identifyLoc = document.createElement("input"); identifyLoc.name = "clickAction"; } identifyLoc.type = "radio"; clickForm.appendChild(identifyLoc); identifyLoc.id = "map1-identifylocation"; identifyLoc.value = "identify"; identifyLoc.checked=true; var identifyLocLbl = document.createElement("label"); identifyLocLbl.setAttribute("for",identifyLoc.id); identifyLocLbl.appendChild(document.createTextNode("Zoom In and Re-Center")); clickForm.appendChild(identifyLocLbl); } else { if (__mqcontainer.browser.isIE) { clickrcz = document.createElement(""); } else if (__mqcontainer.browser.isNS) { clickrcz = document.createElement("input"); clickrcz.name = "clickAction"; } clickrcz.type = "radio"; clickForm.appendChild(clickrcz); clickrcz.id = "map1-clickrecenterzoom"; clickrcz.value = "center_zoom"; clickrcz.checked=true; var clickrczLbl = document.createElement("label"); clickrczLbl.setAttribute("for",clickrcz.id); clickrczLbl.appendChild(document.createTextNode("Zoom In and Re-Center")); clickForm.appendChild(clickrczLbl); } var clickrc = null; if (__mqcontainer.browser.isIE) { clickrc = document.createElement(""); } else if (__mqcontainer.browser.isNS) { clickrc = document.createElement("input"); clickrc.name = "clickAction"; } clickrc.type = "radio"; clickForm.appendChild(clickrc); clickrc.id = mapImgId +"-clickrecenter"; clickrc.value = "zoom"; var clickrcLbl = document.createElement("label"); clickrcLbl.setAttribute("for",clickrc.id); clickrcLbl.appendChild(document.createTextNode("Re-Center")); clickForm.appendChild(clickrcLbl); // Zoom options to left side var mapoptsDiv = createDiv(pnlClrDiv,"mqMapoptions",mapImgId +"-options"); var mzoom = createDiv(mapoptsDiv,"mqZoom",mapImgId +"-zoom"); mzoom.style.marginTop = Math.round((eval(height) + 32 - 259) / 2); mzoom.style.width = optionsWidth; var zinImg = createImgDiv(mzoom,"",41,46,mapImgId +"-zin","","Zoom In"); zinImg.className="mqZin"; var z110Div = createDiv(mzoom,"",""); var z10Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z10","","Zoom Level 10"); z10Img.className = "mqz10"; var z9Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z9","","Zoom Level 9"); z9Img.className = "mqz9"; var z8Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z8","","Zoom Level 8"); z8Img.className = "mqz8"; var z7Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z7","","Zoom Level 7"); z7Img.className = "mqz7"; var z6Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z6","","Zoom Level 6"); z6Img.className = "mqz6"; var z5Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z5","","Zoom Level 5"); z5Img.className = "mqz5"; var z4Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z4","","Zoom Level 4"); z4Img.className = "mqz4"; var z3Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z3","","Zoom Level 3"); z3Img.className = "mqz3"; var z2Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z2","","Zoom Level 2"); z2Img.className = "mqz2"; var z1Img = createImgDiv(z110Div,"",32,17,mapImgId +"-z1","","Zoom Level 1"); z1Img.className = "mqz1"; var zoutImg = createImgDiv(mzoom,"",optionsWidth,43,mapImgId +"-zout","","Zoom Out"); zoutImg.className = "mqZout"; var rvtImg = createImgDiv(mapoptsDiv,"",optionsWidth,26,mapImgId +"-revert","",""); // rvtImg.style.marginTop += Math.round((eval(height) + 32 - 259) / 2); rvtImg.style.display = "block"; rvtImg.className = "mqRevert"; var finclrDiv = createDiv(pnlClrDiv,"clear",""); /* ------------------- END INTERACTIVE MAP ------------------- // begin legal and navtech logo document.write("
"); document.write(""); // close