📄 overview.htm

📁 采用arcims结合asp开发的一个webgis系统,针对地下水,实现了曲线时时绘制的功能.
💻 HTM
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Untitled</title>
	<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
		
		// size of Overview Map image
		var i2Width = 180;
		var i2Height = 150;
		
		// setup test for Nav 4.0
		var isIE = false;
		var isNav = (navigator.appName.indexOf("Netscape")>=0);
		var isNav4 = false;
		var isIE4 = false;
		var is5up = false;
		//alert(navigator.appVersion);
		if (isNav) {
			
			if (parseFloat(navigator.appVersion)<5) {
				isNav4=true;
				//alert("Netscape 4.x or older");
			} else {
				is5up = true;
			}
		} else {
			isIE4=true;
			isIE=true;
			if (navigator.appVersion.indexOf("MSIE 5")>0) {
				isIE4 = false;
				is5up = true;
				//alert("IE5");
			}
		}	
		
		var zoomBoxColor = '#ff0000';

// Create a DHTML layer
function createLayer(name, inleft, intop, width, height, visible, content) {
	  var layer;
	  if (isNav4) {
	    document.writeln('<layer name="' + name + '" left=' + inleft + ' top=' + intop + ' width=' + width + ' height=' + height +  ' visibility=' + (visible ? '"show"' : '"hide"') +  '>');
	    document.writeln(content);
	    document.writeln('</layer>');
	  } else {
	    document.writeln('<div id="' + name + '" style="position:absolute; overflow:hidden; left:' + inleft + 'px; top:' + intop + 'px; width:' + width + 'px; height:' + height + 'px;' + '; z-index:1; visibility:' + (visible ? 'visible;' : 'hidden;') +  '">');
	    document.writeln(content);
	    document.writeln('</div>');
	  }
}

// get the layer object called "name"
function getLayer(name) {
	  if (isNav4)
	    return(document.layers[name]);
	  else if (isIE4) {
	    layer = eval('document.all.' + name + '.style');
	    return(layer);
	  } else if (is5up) {
		var theObj = document.getElementById(name);
		return theObj.style
	  }
	  else
	    return(null);
}
		
function setLayerBackgroundColor(name, color) {		
  	var layer = getLayer(name);		
 	 if (isNav4)
    	layer.bgColor = color;
  	//else if (document.all)
	else
    	layer.backgroundColor = color;
}

function getOVImageXY(e) {
	if (isNav) {
		parent.MapFrame.mouseX=e.pageX;
		parent.MapFrame.mouseY=e.pageY;
	} else {
		parent.MapFrame.mouseX=event.clientX + document.body.scrollLeft;
		parent.MapFrame.mouseY=event.clientY + document.body.scrollTop;
	}
	// subtract offsets from page left and top
	parent.MapFrame.mouseX = parent.MapFrame.mouseX-parent.MapFrame.ovHspc;
	parent.MapFrame.mouseY = parent.MapFrame.mouseY-parent.MapFrame.ovVspc;
}

// get click on OVmap and move display there
function ovMap2Click(e) {
	getOVImageXY(e);
	parent.MapFramezooming=false;
	parent.MapFramepanning=false;
	parent.MapFrameselectBox=false;
	parent.MapFrame.ovMapClick(parent.MapFrame.mouseX,parent.MapFrame.mouseY);
}

</SCRIPT>
</head>

<body BGCOLOR="White" LEFTMARGIN=0 TOPMARGIN=0 RIGHTMARGIN=0>

	<IMG SRC="images/locMap.gif" WIDTH=180 HEIGHT=150 HSPACE=0 VSPACE=0 BORDER=0 ALT="Overview Map" ID="ovImage" name="ovImage" onmousedown="ovMap2Click(event)">

<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">

		//var content = '<IMG SRC="images/locMap.gif" WIDTH=180 HEIGHT=150 HSPACE=0 VSPACE=0 BORDER=0 ALT="Overview Map" ID="ovImage" name="ovImage" onmousedown="ovMap2Click(event)">';
		//createLayer("ovLayer",0,0,180,150,true,content);
		//setLayerBackgroundColor("ovLayer", "white");
		// overview extent box
		var content = '<img name="zoomOVImageTop" src="images/pixel.gif" width=1 height=1>';
		createLayer("zoomOVBoxTop",0,0,180,150,false,content);
		content = '<img name="zoomOVImageLeft" src="images/pixel.gif" width=1 height=1>';
		createLayer("zoomOVBoxLeft",0,0,180,150,false,content);
		content = '<img name="zoomOVImageRight" src="images/pixel.gif" width=1 height=1>';
		createLayer("zoomOVBoxRight",0,0,180,150,false,content);
		content = '<img name="zoomOVImageBottom" src="images/pixel.gif" width=1 height=1>';
		createLayer("zoomOVBoxBottom",0,0,180,150,false,content);
		
		// set Overview map extent box color
		setLayerBackgroundColor("zoomOVBoxTop", zoomBoxColor);
		setLayerBackgroundColor("zoomOVBoxLeft", zoomBoxColor);
		setLayerBackgroundColor("zoomOVBoxRight", zoomBoxColor);
		setLayerBackgroundColor("zoomOVBoxBottom", zoomBoxColor);

</SCRIPT>

</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -