ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update mobile example to use Zoom control. update build config file

Browse Source
This commit is contained in:
Antoine Abt
2012-03-06 21:23:52 +01:00
parent b2727c88f2
commit 23b0971c2f
5 changed files with 30 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build/light.cfg
+1 -1
View File
@@ -13,7 +13,7 @@ OpenLayers/Layer/WMS.js
OpenLayers/Layer/Google/v3.js OpenLayers/Layer/Google/v3.js
OpenLayers/Popup/FramedCloud.js OpenLayers/Popup/FramedCloud.js
OpenLayers/Control/Navigation.js OpenLayers/Control/Navigation.js
OpenLayers/Control/ZoomPanel.js OpenLayers/Control/Zoom.js
OpenLayers/Control/Attribution.js OpenLayers/Control/Attribution.js
OpenLayers/Control/SelectFeature.js OpenLayers/Control/SelectFeature.js
OpenLayers/Control/Panel.js OpenLayers/Control/Panel.js
build/mobile.cfg
+1 -1
View File
@@ -11,7 +11,7 @@ OpenLayers/Layer/Bing.js
OpenLayers/Layer/WMS.js OpenLayers/Layer/WMS.js
OpenLayers/Control/TouchNavigation.js OpenLayers/Control/TouchNavigation.js
OpenLayers/Control/Geolocate.js OpenLayers/Control/Geolocate.js
OpenLayers/Control/ZoomPanel.js OpenLayers/Control/Zoom.js
OpenLayers/Control/Attribution.js OpenLayers/Control/Attribution.js
OpenLayers/Control/SelectFeature.js OpenLayers/Control/SelectFeature.js
OpenLayers/Control/DrawFeature.js OpenLayers/Control/DrawFeature.js
examples/mobile.html
-30
View File
@@ -35,36 +35,6 @@
padding : 2px 4px; padding : 2px 4px;
border-radius : 5px 0 0 0; border-radius : 5px 0 0 0;
} }
div.olControlZoomPanel .olControlZoomInItemInactive,
div.olControlZoomPanel .olControlZoomOutItemInactive {
background: rgba(0,0,0,0.2);
position: absolute;
}
div.olControlZoomPanel .olControlZoomInItemInactive {
border-radius: 5px 5px 0 0;
}
div.olControlZoomPanel .olControlZoomOutItemInactive {
border-radius: 0 0 5px 5px ;
top: 37px;
}
div.olControlZoomPanel .olControlZoomOutItemInactive:after ,
div.olControlZoomPanel .olControlZoomInItemInactive:after{
font-weight: bold;
content : '+';
font-size : 36px;
padding: 7px;
z-index: 2000;
color : #fff;
line-height: 1em;
}
div.olControlZoomPanel .olControlZoomOutItemInactive:after{
content: '–';
line-height: 0.9em;
padding: 0 8px;
}
div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
display: none;
}
#title, #tags, #shortdesc { #title, #tags, #shortdesc {
display: none; display: none;
} }
examples/mobile.js
+1 -1
View File
@@ -26,7 +26,7 @@ var init = function () {
enableKinetic: true enableKinetic: true
} }
}), }),
new OpenLayers.Control.ZoomPanel() new OpenLayers.Control.Zoom()
], ],
layers: [ layers: [
new OpenLayers.Layer.OSM("OpenStreetMap", null, { new OpenLayers.Layer.OSM("OpenStreetMap", null, {
examples/style.mobile.css
+27 -25
View File
@@ -1,31 +1,33 @@
div.olControlZoomPanel { div.olControlZoom {
height: 108px;
width: 36px;
position: absolute; position: absolute;
top: 20px; top: 8px;
left: 20px; left: 8px;
} }
div.olControlZoomPanel div { div.olControlZoom a {
width: 36px; display: block;
height: 36px; margin: 1px;
background-image: url(img/mobile-zoombar.png); padding: 0;
left: 0; color: white;
font-size: 26px;
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;
height: 32px;
width:32px;
line-height: 24px;
background: #666666; /* fallback for IE - IE6 requires background shorthand*/
background: rgba(0, 0, 0, 0.3);
filter: alpha(opacity=60);
} }
div.olControlZoomPanel .olControlZoomInItemInactive { div.olControlZoom a:hover {
top: 0; background: #444444; /* fallback for IE */
background-position: 0 0; background: rgba(0, 0, 0, 0.5);
filter: alpha(opacity=80);
} }
div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive { a.olControlZoomIn {
top: 36px; border-radius: 4px 4px 0 0;
background-position: 0 -36px;
} }
div.olControlZoomPanel .olControlZoomOutItemInactive { a.olControlZoomOut {
top: 72px; border-radius: 0 0 4px 4px;
background-position: 0 -72px;
}
.olTileImage {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
} }