classe_gadgets-js.html
22.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Gadgets (objetos marginais do mapa) - i3Geo</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script></head><body class="FramedContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
<!-- Generated by Natural Docs, version 1.51 -->
<!-- http://www.naturaldocs.org -->
<!-- saved from url=(0026)http://www.naturaldocs.org -->
<div id=Content><div class="CSection"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="Gadgets(objetos_marginais_do_mapa)"></a>Gadgets (objetos marginais do mapa)</h1><div class=CBody><p>Inclui elementos especiais no mapa</p><p>Os elementos são opcionais e adicionam funcionalidades ao mapa.</p><h4 class=CHeading>Namespace</h4><p>i3GEO.gadgets</p><h4 class=CHeading>Veja</h4><p><a href="http://localhost/i3geo/classesjs/classe_gadgets.js" class=LURL target=_top>http://localhost<wbr>/i3geo<wbr>/classesjs<wbr>/classe_gadgets.js</a></p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#Gadgets(objetos_marginais_do_mapa)" >Gadgets (objetos marginais do mapa)</a></td><td class=SDescription>Inclui elementos especiais no mapa</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#Propriedades" >Propriedades</a></td><td class=SDescription></td></tr><tr class="SPropriedade SIndent2 SMarked"><td class=SEntry><a href="#PARAMETROS" >PARAMETROS</a></td><td class=SDescription>Parâmetros de inicialização dos gadgets.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mostraEmail" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mostraEmail</a></td><td class=SDescription>Mostra o e-mail armazenado na variável i3GEO.parametros.emailInstituicao</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mostraVersao" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">mostraVersao</a></td><td class=SDescription>Mostra a versão atual do i3Geo armazenada na variável i3GEO.parametros.mensageminicial</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mostraInserirKml" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">mostraInserirKml</a></td><td class=SDescription>Mostra no mapa a a opção para inserir kml.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mostraEscalaNumerica" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">mostraEscalaNumerica</a></td><td class=SDescription>Mostra no mapa a escala numérica.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mostraEscalaGrafica" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">mostraEscalaGrafica</a></td><td class=SDescription>Mostra no mapa a escala grafica como um elemento fora do mapa.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mostraBuscaRapida" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">mostraBuscaRapida</a></td><td class=SDescription>Mostra a opção de busca rápida de lugares por palavra digitada.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mostraHistoricoZoom" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">mostraHistoricoZoom</a></td><td class=SDescription>Mostra na barra de zoom os ícones que controlam a visualização do histórico da navegação sobre o mapa</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mostraMenuSuspenso" id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">mostraMenuSuspenso</a></td><td class=SDescription>Mostra o menu suspenso com opções extras de análise, ajuda, etc</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mostraMenuLista" id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">mostraMenuLista</a></td><td class=SDescription>Mostra as opções existentes no menu suspenso porém na forma de uma lista de opções</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="Propriedades"></a>Propriedades</h3></div></div>
<div class="CPropriedade"><div class=CTopic><h3 class=CTitle><a name="PARAMETROS"></a>PARAMETROS</h3><div class=CBody><p>Parâmetros de inicialização dos gadgets.</p><p>Essa variável define os parametros individuais de cada gadget e o ID do elemento HTML onde o gadget será incluído (parametro “idhtml”).</p><p>Cada tipo de gadget pode ter parametros específicos, descritos a seguir.</p><h4 class=CHeading>Você pode acessar os parâmetros da seguinte forma</h4><p>i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.deslocaEsquerda = 400;</p><p>Para evitar o funcionamento de um gadget experimente utilizar</p><h4 class=CHeading>Exemplo</h4><p>i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml = “”;</p><h4 class=CHeading>Default</h4><blockquote><pre class="prettyprint">i3GEO.gadgets.PARAMETROS = {
"mostraInserirKml" : {
idhtml : "inserirKml"
},
"mostraEscalaNumerica" : {
idhtml : "escala"
},
"mostraEscalaGrafica" : {
idhtml : "escalaGrafica"
},
"mostraBuscaRapida" : {
idhtml : "buscaRapida",
servicosexternos : true,
temasmapa : false,
google : true
},
"mostraVisual" : {
idhtml : ""
},
"mostraHistoricoZoom" : {
idhtml : "historicozoom"
},
"mostraMenuSuspenso" : {
permiteLogin : true,
marcadores : true,
idhtml : "menus",
deslocaEsquerda : 0,
parametrosYUI : {
iframe : false,
autosubmenudisplay : false,
showdelay : 200,
hidedelay : 500,
lazyload : false
}
},
"mostraMenuLista" : {
idhtml : "menuLista"
},
"mostraVersao" : {
idhtml : "versaoi3geo"
},
"mostraEmail" : {
idhtml : "emailInstituicao"
}
};</pre></blockquote></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraEmail"></a>mostraEmail</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraEmail : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra o e-mail armazenado na variável i3GEO.parametros.emailInstituicao</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraVersao"></a>mostraVersao</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraVersao : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra a versão atual do i3Geo armazenada na variável i3GEO.parametros.mensageminicial</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraInserirKml"></a>mostraInserirKml</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraInserirKml : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra no mapa a a opção para inserir kml.</p><p>Essa opção só funciona com a API do Google carregada</p><p>Se você não quer essa função no mapa, elimine o elemento HTML existente no mapa que contenha o id definido em i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraEscalaNumerica"></a>mostraEscalaNumerica</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraEscalaNumerica : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra no mapa a escala numérica.</p><p>A escala numérica pode ser alterada pelo usuário digitando-se a nova escala.</p><p>Se você não quer essa função no mapa, elimine o elemento HTML existente no mapa que contenha o id definido em i3GEO.gadgets.PARAMETROS</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraEscalaGrafica"></a>mostraEscalaGrafica</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraEscalaGrafica : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra no mapa a escala grafica como um elemento fora do mapa.</p><p>Se você não quer essa função no mapa, elimine o elemento HTML existente no mapa que contenha o id definido em i3GEO.gadgets.PARAMETROS(escala)</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraBuscaRapida"></a>mostraBuscaRapida</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraBuscaRapida : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra a opção de busca rápida de lugares por palavra digitada.</p><p>Se você não quer essa função no mapa, elimine o elemento HTML existente no mapa que contenha o id definido em i3GEO.gadgets.PARAMETROS (buscaRapida)</p><p>Onde a busca será feita é controlado pela variável i3GEO.gadgets.PARAMETROS.mostraBuscaRapida</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraHistoricoZoom"></a>mostraHistoricoZoom</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraHistoricoZoom : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra na barra de zoom os ícones que controlam a visualização do histórico da navegação sobre o mapa</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraMenuSuspenso"></a>mostraMenuSuspenso</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraMenuSuspenso : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra o menu suspenso com opções extras de análise, ajuda, etc</p><p>Paradefinir os ícones existentes nos elementos principais do menu, edite o arquivo i3geo/css/botoes2.css e acrescente o estilo desejado. Utilize # para se referenciar ao elemento, cujo identificador é composto por “menu”+chave, exemplo #menuinterface ou #menuajuda</p><p>O objeto YAHOO.widget.MenuBar resultante pode ser obtido na variável i3GEOoMenuBar</p><p>i3GEOoMenuBar pode ser manipulado com os métodos da biblioteca YUI</p><h4 class=CHeading>Exemplo</h4><blockquote><pre class="prettyprint">i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text",
"zzzzzz");
i3GEOoMenuBar.getMenuItem("omenudataInterface1").destroy();</pre></blockquote><p>Para executar uma operação após o menu ser montado, utilize a propriedade i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza, por exemplo (a string é executada por meio da função eval do javascript)</p><h4 class=CHeading>Exemplo</h4><blockquote><pre class="prettyprint">i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza =
'i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", "");';</pre></blockquote><p>O conteúdo do menu é baseado na variável i3GEO.configura.oMenuData</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mostraMenuLista"></a>mostraMenuLista</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraMenuLista : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Mostra as opções existentes no menu suspenso porém na forma de uma lista de opções</p><p>O conteúdo do menu é baseado na variável i3GEO.configura.oMenuData</p><h4 class=CHeading>Parametro</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>{String}</td><td class=CDLDescription>id do elemento HTML que receberá o resultado. Esse id por default é obtido de i3GEO.gadgets.PARAMETROS</td></tr></table></div></div></div>
</div><!--Content-->
<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraEmail : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra o e-mail armazenado na variável i3GEO.parametros.emailInstituicao</div></div><div class=CToolTip id="tt2"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraVersao : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra a versão atual do i3Geo armazenada na variável i3GEO.parametros.mensageminicial</div></div><div class=CToolTip id="tt3"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraInserirKml : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra no mapa a a opção para inserir kml.</div></div><div class=CToolTip id="tt4"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraEscalaNumerica : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra no mapa a escala numérica.</div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraEscalaGrafica : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra no mapa a escala grafica como um elemento fora do mapa.</div></div><div class=CToolTip id="tt6"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraBuscaRapida : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra a opção de busca rápida de lugares por palavra digitada.</div></div><div class=CToolTip id="tt7"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraHistoricoZoom : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra na barra de zoom os ícones que controlam a visualização do histórico da navegação sobre o mapa</div></div><div class=CToolTip id="tt8"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraMenuSuspenso : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra o menu suspenso com opções extras de análise, ajuda, etc</div></div><div class=CToolTip id="tt9"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mostraMenuLista : function(</td><td class="PParameter prettyprint " nowrap>id</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Mostra as opções existentes no menu suspenso porém na forma de uma lista de opções</div></div><!--END_ND_TOOLTIPS-->
<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>