Commit 97ed3d2dc369c2fdf5a1995f399450a44629f321
1 parent
260afaba
Exists in
master
and in
6 other branches
Inclusão de ícones de atalho para as guias nas barras laterais dos mapas interativos
Showing
5 changed files
with
111 additions
and
28 deletions
Show diff stats
ferramentas/storymap/default.php
interface/ol.htm
| ... | ... | @@ -220,10 +220,21 @@ |
| 220 | 220 | <div id="i3GEOguiaMovelMolde"> |
| 221 | 221 | <div id="i3GEOguiaMovelConteudo"> |
| 222 | 222 | <!-- camadas existentes no mapa --> |
| 223 | - <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'> | |
| 224 | - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 225 | - <button> | |
| 226 | - <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> | |
| 223 | + <div id='guia1obj' data-traduzir="true" style='display: none; height: 100%'> | |
| 224 | + <div class="i3GEOfechaGuia" style="display: flex;"> | |
| 225 | + <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 226 | + <span style="vertical-align: middle">{{{iconeMapa}}}</span> | |
| 227 | + </button> | |
| 228 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 229 | + <span style="vertical-align: middle" class="material-icons">cancel</span> | |
| 230 | + </button> | |
| 231 | + <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" | |
| 232 | + data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> | |
| 233 | + <span style="vertical-align: middle" class="material-icons">layers</span> | |
| 234 | + </button> | |
| 235 | + <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" | |
| 236 | + data-idLegenda="legendaHtml"> | |
| 237 | + <span style="vertical-align: middle" class="material-icons">view_list</span> | |
| 227 | 238 | </button> |
| 228 | 239 | </div> |
| 229 | 240 | <div class="separadorCabecalhoGuias"> </div> |
| ... | ... | @@ -281,9 +292,20 @@ |
| 281 | 292 | </div> |
| 282 | 293 | <!-- Catalogo de temas --> |
| 283 | 294 | <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'> |
| 284 | - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 285 | - <button> | |
| 286 | - <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> | |
| 295 | + <div class="i3GEOfechaGuia" style="display: flex;"> | |
| 296 | + <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 297 | + <span style="vertical-align: middle">{{{iconeCatalogo}}}</span> | |
| 298 | + </button> | |
| 299 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 300 | + <span style="vertical-align: middle" class="material-icons">cancel</span> | |
| 301 | + </button> | |
| 302 | + <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" | |
| 303 | + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> | |
| 304 | + <span style="vertical-align: middle" class="material-icons">visibility</span> | |
| 305 | + </button> | |
| 306 | + <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" | |
| 307 | + data-idLegenda="legendaHtml"> | |
| 308 | + <span style="vertical-align: middle" class="material-icons">view_list</span> | |
| 287 | 309 | </button> |
| 288 | 310 | </div> |
| 289 | 311 | <div class="separadorCabecalhoGuias"> </div> |
| ... | ... | @@ -507,9 +529,20 @@ |
| 507 | 529 | </div> |
| 508 | 530 | <!-- Legenda --> |
| 509 | 531 | <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'> |
| 510 | - <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 511 | - <button> | |
| 512 | - <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> | |
| 532 | + <div class="i3GEOfechaGuia" style="display: flex;" > | |
| 533 | + <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 534 | + <span style="vertical-align: middle">{{{iconeLegenda}}}</span> | |
| 535 | + </button> | |
| 536 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 537 | + <span style="vertical-align: middle" class="material-icons">cancel</span> | |
| 538 | + </button> | |
| 539 | + <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" | |
| 540 | + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> | |
| 541 | + <span style="vertical-align: middle" class="material-icons">visibility</span> | |
| 542 | + </button> | |
| 543 | + <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" | |
| 544 | + data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> | |
| 545 | + <span style="vertical-align: middle" class="material-icons">layers</span> | |
| 513 | 546 | </button> |
| 514 | 547 | </div> |
| 515 | 548 | <div class="separadorCabecalhoGuias"> </div> | ... | ... |
interface/openlayersdebug.htm
| ... | ... | @@ -294,10 +294,10 @@ |
| 294 | 294 | <!-- Catalogo de temas --> |
| 295 | 295 | <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left; height: 100%;'> |
| 296 | 296 | <div class="i3GEOfechaGuia" style="display: flex;"> |
| 297 | - <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 297 | + <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 298 | 298 | <span style="vertical-align: middle">{{{iconeCatalogo}}}</span> |
| 299 | 299 | </button> |
| 300 | - <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 300 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 301 | 301 | <span style="vertical-align: middle" class="material-icons">cancel</span> |
| 302 | 302 | </button> |
| 303 | 303 | <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" |
| ... | ... | @@ -516,12 +516,23 @@ |
| 516 | 516 | </div> |
| 517 | 517 | <!-- Legenda --> |
| 518 | 518 | <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left; height: 100%;'> |
| 519 | - <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 520 | - <button> | |
| 521 | - <span class="pull-left">{{{iconeLegenda}}}</span> | |
| 522 | - <span class="pull-right material-icons">cancel</span> | |
| 519 | + <div class="i3GEOfechaGuia" style="display: flex;" > | |
| 520 | + <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 521 | + <span style="vertical-align: middle">{{{iconeLegenda}}}</span> | |
| 522 | + </button> | |
| 523 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 524 | + <span style="vertical-align: middle" class="material-icons">cancel</span> | |
| 525 | + </button> | |
| 526 | + <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" | |
| 527 | + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> | |
| 528 | + <span style="vertical-align: middle" class="material-icons">visibility</span> | |
| 529 | + </button> | |
| 530 | + <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" | |
| 531 | + data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> | |
| 532 | + <span style="vertical-align: middle" class="material-icons">layers</span> | |
| 523 | 533 | </button> |
| 524 | 534 | </div> |
| 535 | + | |
| 525 | 536 | <div class="separadorCabecalhoGuias"> </div> |
| 526 | 537 | <div class="guiaOverflow" style="height: calc(100% - 45px)"> |
| 527 | 538 | <a href='javascript:void(0)' onclick="i3GEO.legenda.inicia({'janela':true})">{{{x11}}}</a> | ... | ... |
interface/osm.htm
| ... | ... | @@ -221,9 +221,20 @@ |
| 221 | 221 | <div id="i3GEOguiaMovelConteudo"> |
| 222 | 222 | <!-- camadas existentes no mapa --> |
| 223 | 223 | <div id='guia1obj' data-traduzir="true" style='display: none; height:100%'> |
| 224 | - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 225 | - <button> | |
| 226 | - <span class="pull-left">{{{iconeMapa}}}</span> <span class="pull-right material-icons">cancel</span> | |
| 224 | + <div class="i3GEOfechaGuia" style="display: flex;"> | |
| 225 | + <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 226 | + <span style="vertical-align: middle">{{{iconeMapa}}}</span> | |
| 227 | + </button> | |
| 228 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');"> | |
| 229 | + <span style="vertical-align: middle" class="material-icons">cancel</span> | |
| 230 | + </button> | |
| 231 | + <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" | |
| 232 | + data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> | |
| 233 | + <span style="vertical-align: middle" class="material-icons">layers</span> | |
| 234 | + </button> | |
| 235 | + <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" | |
| 236 | + data-idLegenda="legendaHtml"> | |
| 237 | + <span style="vertical-align: middle" class="material-icons">view_list</span> | |
| 227 | 238 | </button> |
| 228 | 239 | </div> |
| 229 | 240 | <div class="separadorCabecalhoGuias"> </div> |
| ... | ... | @@ -281,9 +292,20 @@ |
| 281 | 292 | </div> |
| 282 | 293 | <!-- Catalogo de temas --> |
| 283 | 294 | <div id='guia2obj' data-traduzir="true" style='display: none; text-align: left;height:100%;'> |
| 284 | - <div class="i3GEOfechaGuia" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 285 | - <button> | |
| 286 | - <span class="pull-left">{{{iconeCatalogo}}}</span> <span class="pull-right material-icons">cancel</span> | |
| 295 | + <div class="i3GEOfechaGuia" style="display: flex;"> | |
| 296 | + <button class="pull-left text-left" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 297 | + <span style="vertical-align: middle">{{{iconeCatalogo}}}</span> | |
| 298 | + </button> | |
| 299 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.abreFecha('fecha');i3GEO.catalogoMenus.mostraCatalogoPrincipal();"> | |
| 300 | + <span style="vertical-align: middle" class="material-icons">cancel</span> | |
| 301 | + </button> | |
| 302 | + <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" | |
| 303 | + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> | |
| 304 | + <span style="vertical-align: middle" class="material-icons">visibility</span> | |
| 305 | + </button> | |
| 306 | + <button title="{{{iconeLegenda}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('legenda',this)" data-idconteudo="guia4obj" | |
| 307 | + data-idLegenda="legendaHtml"> | |
| 308 | + <span style="vertical-align: middle" class="material-icons">view_list</span> | |
| 287 | 309 | </button> |
| 288 | 310 | </div> |
| 289 | 311 | <div class="separadorCabecalhoGuias"> </div> |
| ... | ... | @@ -507,9 +529,20 @@ |
| 507 | 529 | </div> |
| 508 | 530 | <!-- Legenda --> |
| 509 | 531 | <div data-traduzir="true" id='guia4obj' style='display: none; text-align: left;height:100%;'> |
| 510 | - <div class="i3GEOfechaGuia" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 511 | - <button> | |
| 512 | - <span class="pull-left">{{{iconeLegenda}}}</span> <span class="pull-right material-icons">cancel</span> | |
| 532 | + <div class="i3GEOfechaGuia" style="display: flex;" > | |
| 533 | + <button class="pull-left text-left" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 534 | + <span style="vertical-align: middle">{{{iconeLegenda}}}</span> | |
| 535 | + </button> | |
| 536 | + <button style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.legenda.off('legendaHtml');i3GEO.guias.abreFecha('fecha');"> | |
| 537 | + <span style="vertical-align: middle" class="material-icons">cancel</span> | |
| 538 | + </button> | |
| 539 | + <button title="{{{iconeMapa}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('temas',this)" data-verificaAbrangencia="" | |
| 540 | + data-idconteudo="guia1obj" data-idListaFundo="listaFundo" data-idListaDeCamadas="listaTemas"> | |
| 541 | + <span style="vertical-align: middle" class="material-icons">visibility</span> | |
| 542 | + </button> | |
| 543 | + <button title="{{{iconeCatalogo}}}" style="width: unset; height: 3rem;" class="text-right" onclick="i3GEO.guias.ativa('adiciona',this)" data-idconteudo="guia2obj" | |
| 544 | + data-idMigalha="catalogoMigalha" data-idNavegacao="catalogoNavegacao" data-idCatalogo="catalogoPrincipal" data-idMenus="catalogoMenus"> | |
| 545 | + <span style="vertical-align: middle" class="material-icons">layers</span> | |
| 513 | 546 | </button> |
| 514 | 547 | </div> |
| 515 | 548 | <div class="separadorCabecalhoGuias"> </div> | ... | ... |
ms_criamapa.php
| ... | ... | @@ -937,9 +937,15 @@ function incluiTemasIniciais() |
| 937 | 937 | $layern->set("status", $statustemp); |
| 938 | 938 | } |
| 939 | 939 | cloneInlineSymbol($layern, $maptemp, $mapn); |
| 940 | - $layerAdicionado = ms_newLayerObj($mapn, $layern); | |
| 940 | + //$layerAdicionado = ms_newLayerObj($mapn, $layern); | |
| 941 | + if($layern->type == MS_LAYER_POLYGON){ | |
| 942 | + $mapn->insertLayer($layern,0); | |
| 943 | + } else { | |
| 944 | + $mapn->insertLayer($layern,-1); | |
| 945 | + } | |
| 941 | 946 | // echo $layern->name; |
| 942 | - corrigeLayerGrid($layern, $layerAdicionado); | |
| 947 | + //corrigeLayerGrid($layern, $layerAdicionado); | |
| 948 | + corrigeLayerGrid($layern, $mapn->getlayerbyname($layern->name)); | |
| 943 | 949 | } |
| 944 | 950 | } |
| 945 | 951 | } | ... | ... |