index.htm 5.92 KB
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="../../css/black.css">
<title></title>
<style type="text/css">
button {
	background: url(../../imagens/tic.png) 98% 50% no-repeat;
}
</style>
<link rel="stylesheet" type="text/css" href="../../pacotes/yui290/build/button/assets/skins/sam/button.css" />

<style type="text/css">
body {
	margin: 0;
	padding: 0;
	border: 0px;
	background-color: white;
}
.guiaobj {
	background-color: white;
	display: block;
	height: 90%;
	left: 0;
	overflow: auto;
	text-align: left;
	top: 0;
	width: 97%;
}
input[type=text]{
	-webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}
</style>
</head>
<body class="yui-skin-sam" style="background-color: white;">
	<div id=guiasYUI class="yui-navset" style="top: 0px; cursor: pointer; left: 0px;">
		<ul class="yui-nav" style="border-width: 0pt 0pt 0px; border-color: rgb(240, 240, 240); border-bottom-color: white;">
			<li>
				<div id='guia1' style='text-align: center; left: 0px;'>
					<a>
						<em>Servi&ccedil;os</em>
					</a>
				</div>
			</li>
			<li>
				<div id='guia2' style='text-align: center; left: 0px;'>
					<a>
						<em>Metadados</em>
					</a>
				</div>
			</li>
			<li>
				<div id='guia3' style='text-align: center; left: 0px;'>
					<a>
						<em>Lista de temas</em>
					</a>
				</div>
			</li>
		</ul>
	</div>

	<div class=guiaobj id="guia1obj" style="left: 5px; top: 0px; text-align: left">
		<p class=paragrafo >
			<a href="../../documentacao/ajuda/The_ArcIMS_OGC_WMS_Connector.pdf" target=blank>Veja como criar web services no ARCIMS</a>
			<br>
			<a href="../../documentacao/ajuda/ArcGIS9.x.html" target=blank>Veja como utilizar web services no ARCGIS</a>
			<br>
		</p>
		<p class=paragrafo>
			Digite o endere&ccedil;o do servi&ccedil;o ou escolha da lista abaixo. Utilize as guias acima para ver o resultado da conex&atilde;o. Por padr&atilde;o, utiliza-se a vers&atilde;o 1.1.0 do GetCapabilities. Voc&ecirc; pode adicionar um outro, bastando incluir no endere&ccedil;o do servi&ccedil;o "&amp;version=1.3.0" por exemplo.<br>
		</p>
		<div class="i3geoForm i3geoFormIconeEdita" style="width: 350px; margin-top: 15px;">
			<input tabindex='0' id=servico value="" type="text" />
		</div>
		<p class=paragrafo >
		<div id=RSSwms style="width: 350px;" class=paragrafo ></div>
		<br>
		<div id=RSSbt style="text-align:left;"></div>
	</div>
	<div class=guiaobj id="guia2obj" style="display: none; left: 0px; top: 10px">
		<p class=paragrafo>
			<input type=button id="getCapabilities" value="Descri&ccedil;&atilde;o do WMS"/>
		</p>
		<div id=resultadoget style="display: block; position: relative; top: 5px; left: 1px" class=paragrafo></div>
	</div>
	<div class=guiaobj id="guia3obj" style="left: 0px; display: none;">
		<div style="text-align: left; top: 0px; left: 0px; font-size: 10px">
			<p class=paragrafo>
				Ap&oacute;s a conex&atilde;o ser estabelecida e surgir a lista de temas, selecione a camada que ser&aacute; adicionada ao mapa.<br>
			</p>
			<div id=textoSLD style="display: none; font-size: 10px">
				<p class=paragrafo>
					Opcionalmente vc pode indicar o tipo de representa&ccedil;&atilde;o que ser&aacute; utilizada.<br> N&atilde;o altere o tipo de representa&ccedil;&atilde;o se a camada escolhida for uma imagem (dados raster) ou se voc&ecirc; tiver d&uacute;vidas sobre ela.<br>
				</p>
				<div class=styled-select>
					<select id=tiporep>
						<option value="">---</option>
						<option value="poligonal">poligonal</option>
						<option value="linear">linear</option>
						<option value="pontual">pontual</option>
					</select>
				</div>
			</div>

		</div>
		<div id=listatemas style="display: block; position: relative; top: 10px; left: 0px;" class=paragrafo ></div>
	</div>

	<div id="aguarde">
		<img alt="" src="../../imagens/aguarde.gif" />
		Aguarde...
	</div>

	<script type="text/javascript" src="../../classesjs/i3geo.js"></script>
	<script type="text/javascript" src="index.js"></script>
	<script type="text/javascript">
		var b = new YAHOO.widget.Button(
			"getCapabilities",
			{onclick:{fn: getcapabilities}}
		);
		b.addClass("rodar");
		if (window.parent.i3GEO.parametros.editor.toLowerCase() == "sim" && i3GEO.configura.optUsuarioLogado == true) {
			var temp =
				"<p><a href='#' style='color:red' onclick='abrejanelaIframe()' title='Op&ccedil;&atilde;o vis&iacute;vel apenas para usu&aacute;rios editores'>Editar a lista de endere&ccedil;os dos servi&ccedil;os</a></p>";
			document.getElementById("opc1").innerHTML += temp;
		}
		g_locaplic = "../..";
		iniciaListaWS();
		function iniciaListaWS() {
			g_RSSwms = new Array("");
			aguarde("block");

			if (document.getElementById("RSSwms")) {
				if (g_RSSwms.length > 0) {
					var p = g_locaplic + "/classesphp/wscliente.php?funcao=listaRSSwsARRAY&rss=" + g_RSSwms.join("|") + "&tipo=WMS";
					var cp = new cpaint();
					//cp.set_debug(2)
					cp.set_response_type("JSON");
					cp.call(p, "listaRSSwsARRAY", mostraRetornowmsRSS);
				}
			}
		}
		function mostraRetornowmsRSS(retorno) {
			var reg = /Erro/gi;
			if (retorno.data.rss.search(reg) != -1) {
				i3GEO.janela.tempoMsg("OOps! Ocorreu um erro\n" + retorno.data);
				return;
			}
			var canais = retorno.data.canais;
			var ncanais = canais.length;
			$i("RSSbt").innerHTML = retorno.data.rss;
			var i, ins = "";
			ins += "<select size='5' onchange='registraws(this.value)' style='width:100%;' >";
			for (i = 0; i < ncanais; i++) {
				var caso = canais[i];
				var valor = "'" + caso.link + "','"	+ caso.id_ws + "','" + caso.tipo_ws + "'";
				ins += "<option value=" + valor + " >"+caso.title+"</option>";
			}
			ins += "</select>";
			document.getElementById("RSSwms").innerHTML = ins;
			aguarde("none");
		}
	</script>
</body>
</html>