Commit 1c1ee3d3179ca5e3328d66bfe01224ec8e8fcaca
1 parent
bb1dc76f
Exists in
master
and in
6 other branches
Desabilitada o slide para zoom. Inclusão dos botões de zoomin e zoomout na barra de navegação
Showing
6 changed files
with
34 additions
and
18 deletions
Show diff stats
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;"> | ... | ... |