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

Merge pull request #336 from tonio/examples

Browse Source 
fixes mobile examples which were using ZoomPanel
This commit is contained in:
Antoine Abt
2012-03-19 06:51:54 -07:00
parent ed45ab66e3 ffa71c0d1a
commit f90c3503e2
6 changed files with 4 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
examples/mobile-drawing.html
View File

@@ -25,36 +25,6 @@
bottom: 5px;
right: 5px;
}
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;
}
.olControlEditingToolbar .olControlModifyFeatureItemInactive {
background-position: -1px -1px;
}

2
examples/mobile-drawing.js
View File

@@ -48,7 +48,7 @@ function init() {
enableKinetic: true
}
}),
new OpenLayers.Control.ZoomPanel(),
new OpenLayers.Control.Zoom(),
toolbar
],
layers: [osm, vector],

36
examples/mobile-layers.html
View File

@@ -39,42 +39,6 @@
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 {
display: none;
}

2
examples/mobile-layers.js
View File

@@ -32,7 +32,7 @@ function init() {
enableKinetic: true
}
}),
new OpenLayers.Control.ZoomPanel()
new OpenLayers.Control.Zoom()
]
});

2
examples/mobile-navigation.html
View File

@@ -38,7 +38,7 @@
</p>
<p>
The ZoomPanel control provides + and - buttons for zooming in and
The Zoom control provides + and - buttons for zooming in and
out. These buttons should work on any device, and the zoom out
button is especially needed for devices that don't support
multi-touch.

2
examples/mobile-navigation.js
View File

@@ -12,7 +12,7 @@ function init() {
enableKinetic: true
}
}),
new OpenLayers.Control.ZoomPanel()
new OpenLayers.Control.Zoom()
],
layers: [
new OpenLayers.Layer.OSM("OpenStreetMap", null, {