Commit 1c1ee3d3179ca5e3328d66bfe01224ec8e8fcaca

Authored by Edmar Moretti
1 parent bb1dc76f

Desabilitada o slide para zoom. Inclusão dos botões de zoomin e zoomout na barra de navegação

css/default.css
  1 +.ol-zoom {
  2 + position: unset !Important;
  3 + display: flex !Important;
  4 +}
  5 +
1 6 .ol-FullScreen.ol-unselectable.ol-control {
2 7 position: unset !Important;
3 8 display: unset !Important;
... ... @@ -347,7 +352,7 @@ hr {
347 352 z-index: 1;
348 353 left: auto;
349 354 right: 2px;
350   - top: 5px;
  355 + top: 1rem;
351 356 width: 380px;
352 357 }
353 358 #i3GEOguiaMovelMolde {
... ... @@ -570,14 +575,9 @@ no caso do OL3
570 575 top: 10px;
571 576 }
572 577  
573   -.ol-zoom {
574   - top: 2.8em;
575   - font-size: 1.8rem;
576   -}
577   -
578 578 .ol-i3GEOcontrols {
579   - top: 2.8em;
580   - left: 3.5em;
  579 + top: 2.5rem;
  580 + left: 1rem;
581 581 width: auto;
582 582 font-size: 1.8rem;
583 583 }
... ...
interface/ol.htm
... ... @@ -115,6 +115,7 @@
115 115 </div>
116 116 <!-- barra de icones de navegacao -->
117 117 <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  118 + <span id="i3GEOzoomInOut" class="hidden-xs hidden-sm" style="cursor:pointer;"></span>
118 119 <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
119 120 <i class="material-icons">public</i>
120 121 </button>
... ... @@ -841,6 +842,9 @@
841 842 source: "i3geo"
842 843  
843 844 }).setMap(i3geoOL);
  845 + new ol.control.Zoom({
  846 + target: $i("i3GEOzoomInOut")
  847 + }).setMap(i3geoOL);
844 848 tutorial.init();
845 849 //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
846 850  
... ... @@ -970,8 +974,9 @@
970 974 //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
971 975 MapOptions : {
972 976 layers : [],
973   - controls : [ new ol.control.Zoom(),
974   - new ol.control.ZoomSlider(),
  977 + controls : [
  978 + //new ol.control.Zoom(),
  979 + //new ol.control.ZoomSlider(),
975 980 new ol.control.ScaleLine(),
976 981 new ol.control.Attribution({
977 982 collapsible : true
... ...
interface/openlayersdebug.htm
... ... @@ -114,6 +114,7 @@
114 114 </div>
115 115 <!-- barra de icones de navegacao -->
116 116 <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  117 + <span id="i3GEOzoomInOut" class="hidden-xs hidden-sm" style="cursor:pointer;"></span>
117 118 <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
118 119 <i class="material-icons">public</i>
119 120 </button>
... ... @@ -839,6 +840,10 @@
839 840 source: "i3geo"
840 841  
841 842 }).setMap(i3geoOL);
  843 + new ol.control.Zoom({
  844 + target: $i("i3GEOzoomInOut")
  845 + }).setMap(i3geoOL);
  846 +
842 847 //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
843 848  
844 849 //setTimeout(function() {
... ... @@ -972,8 +977,8 @@
972 977 MapOptions : {
973 978 layers : [],
974 979 controls : [
975   - new ol.control.Zoom(),
976   - new ol.control.ZoomSlider(),
  980 + //new ol.control.Zoom(),
  981 + //new ol.control.ZoomSlider(),
977 982 new ol.control.ScaleLine(),
978 983 new ol.control.Attribution({
979 984 collapsible : true
... ...
interface/osm.htm
... ... @@ -115,6 +115,7 @@
115 115 </div>
116 116 <!-- barra de icones de navegacao -->
117 117 <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  118 + <span id="i3GEOzoomInOut" class="hidden-xs hidden-sm" style="cursor:pointer;"></span>
118 119 <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
119 120 <i class="material-icons">public</i>
120 121 </button>
... ... @@ -841,6 +842,9 @@
841 842 source: "i3geo"
842 843  
843 844 }).setMap(i3geoOL);
  845 + new ol.control.Zoom({
  846 + target: $i("i3GEOzoomInOut")
  847 + }).setMap(i3geoOL);
844 848 tutorial.init();
845 849 //i3GEO.eventos.adicionaEventos("RESIZE", $(".guiaOverflow").css("height",i3GEO.parametros.h - 140));
846 850  
... ... @@ -970,8 +974,9 @@
970 974 //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
971 975 MapOptions : {
972 976 layers : [],
973   - controls : [ new ol.control.Zoom(),
974   - new ol.control.ZoomSlider(),
  977 + controls : [
  978 + //new ol.control.Zoom(),
  979 + //new ol.control.ZoomSlider(),
975 980 new ol.control.ScaleLine(),
976 981 new ol.control.Attribution({
977 982 collapsible : true
... ...
interface/osmdebug.htm
... ... @@ -115,6 +115,7 @@
115 115 </div>
116 116 <!-- barra de icones de navegacao -->
117 117 <div class="ol-i3GEOcontrols ol-control" data-traduzir="true">
  118 + <span id="i3GEOzoomInOut" class="hidden-xs hidden-sm" style="cursor:pointer;"></span>
118 119 <button title="{{{d2t}}}" onclick="i3GEO.Interface.zoom2ext(i3GEO.parametros.extentTotal)" style="float: left;">
119 120 <i class="material-icons">public</i>
120 121 </button>
... ... @@ -970,8 +971,9 @@
970 971 //opcoes de inicializacao do mapa conforme definido na API do OpenLayers
971 972 MapOptions : {
972 973 layers : [],
973   - controls : [ new ol.control.Zoom(),
974   - new ol.control.ZoomSlider(),
  974 + controls : [
  975 + //new ol.control.Zoom(),
  976 + //new ol.control.ZoomSlider(),
975 977 new ol.control.ScaleLine(),
976 978 new ol.control.Attribution({
977 979 collapsible : true
... ...
interface/templates/camadaGr.html
... ... @@ -5,9 +5,8 @@
5 5 {{{checked}}} onclick="i3geoOL.getLayersGrBy('name','{{{name}}}')[0].setVisibility(this.checked);i3geoOL.getLayersGrBy('name','{{{name}}}')[0].changed()">
6 6 <span class="checkbox-material noprint"><span class="check"></span></span> {{{tema}}}
7 7 </label>
8   - <a data-target=".listaLayersGrBtn" class="pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse"> </a>
  8 + <a data-target="listaLayersGrBtn" class="pull-right collapsed" style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px;" type="button" data-toggle="collapse"> </a>
9 9 </div>
10   - <div class="clearfix"></div>
11 10 </div>
12 11 <div class="listaLayersGrBtn collapse" style="overflow: none;width: 35rem;">
13 12 <button title="{{{dlinha}}}" onclick="i3GEO.editor.draw.lineString()" class="btn btn-xs" style="margin: 2px; padding: 2px;">
... ...