Exemplo de inclusão da árvore do catálogo de temas em um DIV qualquer no mapa

Edmar Moretti
1 parent 1a8c252d
Showing 2 changed files with 44 additions and 0 deletions Show diff stats
exemplos/cursodsv15.htm
exemplos/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
+<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
+<title>i3GEO - OpenLayers</title>
+<script src="../classesjs/i3geonaocompacto.js"></script>
+<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
+<link rel="stylesheet" type="text/css" href="../css/black.css">
+</head>
+<body style='margin-left:7px;background:white;' class=yui-skin-sam >
+<div style="top:50px;">
+	<div id="arvoreDeTemas" style="width:250px;height:400px;border:1px solid;float:left;overflow:auto;">
+
+	</div>
+	<div id=i3geo >
+		<div id=corpoMapa style="left:255px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
+		</div>
+	</div>
+</div>
+<div id="logMapa" ></div>
+<script>
+/************
+Da mesma forma que a arvore de camadas, a arvore do catalogo de temas pode ser inserida em um local qualquer
+
+************/
+
+i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
+
+i3GEO.finalizaAPI = function(){
+	i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluibusca = false;
+	i3GEO.arvoreDeTemas.cria(
+			"",
+			"",
+			"arvoreDeTemas");
+};
+i3GEO.cria();
+i3GEO.inicia();
+
+</script>
+</body>
+</html>
@@ -87,6 +87,8 @@ body,td {
 					<a href="codemirror.php?&pagina=cursodsv13.htm" target="_blank">[13]</a>
 					&nbsp;&nbsp;
 					<a href="codemirror.php?&pagina=cursodsv14.htm" target="_blank">[14]</a>
+					&nbsp;&nbsp;
+					<a href="codemirror.php?&pagina=cursodsv15.htm" target="_blank">[15]</a>
 				</p>
 			</fieldset>
 			<fieldset>
@@ -0,0 +1,42 @@		@@ -0,0 +1,42 @@
	1	+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
	2	+<html>
	3	+<head>
	4	+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
	5	+<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
	6	+<title>i3GEO - OpenLayers</title>
	7	+<script src="../classesjs/i3geonaocompacto.js"></script>
	8	+<script src="../pacotes/openlayers/OpenLayers2131.js"></script>
	9	+<link rel="stylesheet" type="text/css" href="../css/black.css">
	10	+</head>
	11	+<body style='margin-left:7px;background:white;' class=yui-skin-sam >
	12	+<div style="top:50px;">
	13	+ <div id="arvoreDeTemas" style="width:250px;height:400px;border:1px solid;float:left;overflow:auto;">
	14	+
	15	+ </div>
	16	+ <div id=i3geo >
	17	+ <div id=corpoMapa style="left:255px;width:700px;height:400px;background-image:url('../imagens/i3geo1bw.jpg');">
	18	+ </div>
	19	+ </div>
	20	+</div>
	21	+<div id="logMapa" ></div>
	22	+<script>
	23	+/************
	24	+Da mesma forma que a arvore de camadas, a arvore do catalogo de temas pode ser inserida em um local qualquer
	25	+
	26	+************/
	27	+
	28	+i3GEO.idioma.MOSTRASELETOR = false; //para nao mostrar as bandeiras de escolha do idioma
	29	+
	30	+i3GEO.finalizaAPI = function(){
	31	+ i3GEO.arvoreDeTemas.OPCOESADICIONAIS.incluibusca = false;
	32	+ i3GEO.arvoreDeTemas.cria(
	33	+ "",
	34	+ "",
	35	+ "arvoreDeTemas");
	36	+};
	37	+i3GEO.cria();
	38	+i3GEO.inicia();
	39	+
	40	+</script>
	41	+</body>
	42	+</html>