Download as
Browse Code »

Commit 7a22bd5c207fe0f5fc04918d4541f672b749541a

Authored by Edmar Moretti
1 parent df1f5ff9
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

pagina do mashup migrada para bootstrap

Showing 2 changed files with 184 additions and 1 deletions   Show diff stats
init/index.js
  Diff comments   View file @7a22bd5
... ... @@ -22,7 +22,7 @@ botoesIni = [
22 22 "target": "_blank"
23 23 },{
24 24 "img":"mashup.png",
25   - "href": "../mashups",
  25 + "href": "../mashups/index.php",
26 26 "titulo":$trad(18,g_traducao_init) + "<br><a href='../mashups/osm.php?temas=&largura=800&altura=500' target=_blank >OSM</a>" + " - <a href='../mashups/openlayers.php?temas=&largura=800&altura=500' target=_blank >OpenLayers</a>",
27 27 "subtitulo": $trad("18a",g_traducao_init),
28 28 "fa": "map-o",
... ...
mashups/index.php 0 → 100755
  Diff comments   View file @7a22bd5
... ... @@ -0,0 +1,183 @@
  1 +<?php
  2 +define ( ONDEI3GEO, ".." );
  3 +include (dirname ( __FILE__ ) . "/../ms_configura.php");
  4 +error_reporting ( 0 );
  5 +include "../init/head.php";
  6 +?>
  7 +<body style="padding-top: 55px;">
  8 + <nav class="navbar navbar-default navbar-fixed-top">
  9 + <div class="container-fluid">
  10 + <div class="navbar-header">
  11 + <a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i
  12 + class="fa fa-home fa-1x"></i></a>
  13 + </div>
  14 + </div>
  15 + </nav>
  16 + <div class="container-fluid">
  17 + <div class="row">
  18 + <ol class="breadcrumb">
  19 + <li><a href="../init/index.php">i3Geo</a></li>
  20 + <li class="active">Mashups</li>
  21 + </ol>
  22 + </div>
  23 + </div>
  24 + <div class="container">
  25 + <div class="row center-block">
  26 + <div class="col-sm-12">
  27 + <div class="panel panel-default">
  28 + <div class="panel-body">
  29 + <fieldset>
  30 + <p>Mashups s&atilde;o pequenos programas que podem ser facilmente inseridos em p&aacute;ginas
  31 + HTML e que mostram determinados conte&uacute;dos.</p>
  32 + <p>No caso do i3Geo, os mashups mostram mapas tendo como base o conjunto de temas existentes
  33 + no diret&oacute;rio i3geo/temas.</p>
  34 + </fieldset>
  35 + <fieldset>
  36 + <legend>OpenLayers</legend>
  37 + <p>
  38 + O <a href="http://openlayers.org" target=_blank>OpenLayers</a> &eacute; uma biblioteca em
  39 + javascript bastante popular. Possu&iacute; uma interface simples mas que pode conter um
  40 + grande n&uacute;mero de funcionalidades.
  41 + </p>
  42 + <p>
  43 + Para ver todos os par&acirc;metros: <a target=_blank href="openlayers.php">i3geo/mashups/openlayers.php</a>
  44 + </p>
  45 + <p>
  46 + Para usar o Open Street Map (OSM) utilize o endere&ccedil;o <a target=_blank href="osm.php">i3geo/mashups/osm.php</a>
  47 + </p>
  48 + <p>Nos exemplos, basta substituir openlayers.php por osm.php:</p>
  49 + <p class="m">
  50 + Windows: <a target=_blank href="osm.php?temas=_wbiomashp&largura=800&altura=500">osm.php?temas=_wbiomashp&amp;largura=800&amp;altura=500</a>
  51 + </p>
  52 + <p class="m">
  53 + Linux: <a target=_blank href="osm.php?temas=_lbiomashp&largura=800&altura=500">osm.php?temas=_lbiomashp&amp;largura=800&amp;altura=500</a>
  54 + </p>
  55 + <p>O gerador de Web Services do i3GEO pode ser utilizado para abrir o mashup.</p>
  56 + <p class="m">
  57 + Windows: <a target=_blank
  58 + href="../ogc.php?temas=_wbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10">ogc.php?temas=_wbiomashp&amp;format=application/openlayers&amp;bbox=-54,-14,-50,-10</a>
  59 + </p>
  60 + <p class="m">
  61 + Linux: <a target=_blank
  62 + href="../ogc.php?temas=_lbiomashp&format=application/openlayers&bbox=-54,-14,-50,-10">ogc.php?temas=_lbiomashp&amp;format=application/openlayers&amp;bbox=-54,-14,-50,-10</a>
  63 + </p>
  64 + </fieldset>
  65 + <fieldset>
  66 + <legend>Filtro</legend>
  67 + <p>
  68 + Cada tema pode receber filtros seguindo-se a sintaxe &amp;map_layer_{codigo do tema}_filter=<br>
  69 + Em camadas com origem em arquivos shapefile o valor do filtro segue o padr&atilde;o
  70 + (('[nome_da_coluna]'='valor_do_registro'))<br> Camadas baseadas em Postgis seguem o
  71 + padr&atilde;o nome_da_coluna=valor_do_registro.
  72 + </p>
  73 + <p class="m">
  74 + Windows: <a target=_blank
  75 + href="http://localhost/i3geo/mashups/openlayers.php?map_layer__wbiomashp_filter=(('[CD_LEGENDA]'='CAATINGA'))&amp;temas=_wbiomashp&amp;layers=_wbiomashp">openlayers.php?map_layer__lbiomashp_filter=(('[CD_LEGENDA]'='CAATINGA'))&amp;temas=_wbiomashp&amp;layers=_wbiomashp</a>
  76 + </p>
  77 + <p class="m">
  78 + Linux: <a target=_blank
  79 + href="http://localhost/i3geo/mashups/openlayers.php?map_layer__lbiomashp_filter=(('[CD_LEGENDA]'='CAATINGA'))&amp;temas=_lbiomashp&amp;layers=_lbiomashp">openlayers.php?map_layer__lbiomashp_filter=(('[CD_LEGENDA]'='CAATINGA'))&amp;temas=_lbiomashp&amp;layers=_lbiomashp</a>
  80 + </p>
  81 + </fieldset>
  82 + <fieldset>
  83 + <legend>Todas as op&ccedil;&otilde;es e um tema adicionado</legend>
  84 + <p class="m">
  85 + Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&altura=500">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;altura=500</a>
  86 + </p>
  87 + <p class="m">
  88 + Linux: <a target=_blank href="openlayers.php?temas=_lbiomashp&largura=800&altura=500">openlayers.php?temas=_lbiomashp&amp;largura=800&amp;altura=500</a>
  89 + </p>
  90 + </fieldset>
  91 + <fieldset>
  92 + <legend>Duas camadas mas com apenas uma vis&iacute;vel na inicializa&ccedil;&atilde;o do mapa</legend>
  93 + <p class="m">
  94 + Windows: <a target=_blank
  95 + href="openlayers.php?temas=_wbiomashp,_wlocali&largura=800&altura=500&visiveis=_wbiomashp">openlayers.php?temas=_wbiomashp,_wlocali&amp;largura=800&amp;altura=500&amp;visiveis=_wbiomashp</a>
  96 + </p>
  97 + <p class="m">
  98 + Linux: <a target=_blank
  99 + href="openlayers.php?temas=_lbiomashp,_llocali&largura=800&altura=500&visiveis=_lbiomashp">openlayers.php?temas=_lbiomashp,_llocali&amp;largura=800&amp;altura=500&amp;visiveis=_lbiomashp</a>
  100 + </p>
  101 + </fieldset>
  102 + <fieldset>
  103 + <legend>Zoom para uma regi&atilde;o</legend>
  104 + <p class="m">
  105 + Windows: <a target=_blank
  106 + href="openlayers.php?temas=_wbiomashp&largura=800&mapext=-68.39967%20-12.16172%20-62.67402%20-5.366808">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;mapext=-68.39967
  107 + -12.16172 -62.67402 -5.366808</a>
  108 + </p>
  109 + <p class="m">
  110 + Linux: <a target=_blank
  111 + href="openlayers.php?temas=_lbiomashp&largura=800&mapext=-68.39967%20-12.16172%20-62.67402%20-5.366808">openlayers.php?temas=_lbiomashp&amp;largura=800&amp;mapext=-68.39967
  112 + -12.16172 -62.67402 -5.366808</a>
  113 + </p>
  114 + </fieldset>
  115 + <fieldset>
  116 + <legend>Bot&otilde;es principais e barra de zoom maior</legend>
  117 + <p class="m">
  118 + Windows: <a target=_blank
  119 + href="openlayers.php?temas=_wbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;botoes=pan,zoombox,zoomtot,distancia,area,identifica&amp;numzoomlevels=10</a>
  120 + </p>
  121 + <p class="m">
  122 + Linux: <a target=_blank
  123 + href="openlayers.php?temas=_lbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10">openlayers.php?temas=_lbiomashp&amp;largura=800&amp;botoes=pan,zoombox,zoomtot,distancia,area,identifica&amp;numzoomlevels=10</a>
  124 + </p>
  125 + </fieldset>
  126 + <fieldset>
  127 + <legend>Inclus&atilde;o de pontos</legend>
  128 + <p class="m">
  129 + Windows: <a target=_blank
  130 + href="openlayers.php?temas=_wbiomashp&largura=800&pontos=-54%20-12%20-56%20-15">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;pontos=-54
  131 + -12 -56 -15</a>
  132 + </p>
  133 + <p class="m">
  134 + Linux: <a target=_blank
  135 + href="openlayers.php?temas=_lbiomashp&largura=800&pontos=-54%20-12%20-56%20-15">openlayers.php?temas=_lbiomashp&amp;largura=800&amp;pontos=-54
  136 + -12 -56 -15</a>
  137 + </p>
  138 + </fieldset>
  139 + <fieldset>
  140 + <legend>Camada adicional como fundo</legend>
  141 + <p class="m">
  142 + Windows: <a target=_blank
  143 + href="openlayers.php?temas=_wbiomashp&largura=800&fundo=_wbiomashp">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;fundo=_wbiomashp</a>
  144 + </p>
  145 + <p class="m">
  146 + Linux: <a target=_blank
  147 + href="openlayers.php?temas=_lbiomashp&largura=800&fundo=_lbiomashp&amp;largura=800&amp;fundo=_lbiomashp">openlayers.php?temas=_lbiomashp&amp;largura=800&amp;fundo=_lbiomashp</a>
  148 + </p>
  149 + </fieldset>
  150 + <fieldset>
  151 + <legend>KML</legend>
  152 + <p class="m">
  153 + Windows: <a target=_blank
  154 + href="openlayers.php?temas=_wbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml">openlayers.php?temas=_wbiomashp&amp;largura=700&amp;kml=http://localhost/i3geo/aplicmap/dados/sundials.kml</a>
  155 + </p>
  156 + <p class="m">
  157 + Linux: <a target=_blank
  158 + href="openlayers.php?temas=_lbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml">openlayers.php?temas=_lbiomashp&amp;largura=700&amp;kml=http://localhost/i3geo/aplicmap/dados/sundials.kml</a>
  159 + </p>
  160 +
  161 + </fieldset>
  162 +
  163 + </div>
  164 + </div>
  165 + </div>
  166 + </div>
  167 + </div>
  168 + <script src='../classesjs/compactados/mustache.js'></script>
  169 + <script src='../classesjs/compactados/dicionario_compacto.js'></script>
  170 + <script src='../classesjs/compactados/classe_util_compacto.js'></script>
  171 + <script src='../classesjs/compactados/classe_idioma_compacto.js'></script>
  172 + <script>
  173 + $(document).ready(function(){
  174 + i3GEO.configura = {"locaplic" : "..","sid": ""};
  175 + //$(".active").html($trad("util",g_traducao_util));
  176 + //mostraBotoesBT();
  177 + //$('.hidden').removeClass('hidden');
  178 + $.material.init();
  179 + });
  180 + </script>
  181 +
  182 +</body>
  183 +</html>
... ...