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

bigger zoomin/out buttons in the mobile-navigation example, no functional change

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@11233 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Éric Lemoine
2011-02-22 13:45:26 +00:00
parent b378d28e41
commit 9e2eef5f47
3 changed files with 26 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/img/mobile-zoombar.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

examples/mobile-navigation.html
+1
View File
@@ -5,6 +5,7 @@
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<title>OpenLayers TouchNavigation Control</title> <title>OpenLayers TouchNavigation Control</title>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="style.mobile.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="../lib/OpenLayers.js"></script> <script type="text/javascript" src="../lib/OpenLayers.js"></script>
<script type="text/javascript" src="mobile-navigation.js"></script> <script type="text/javascript" src="mobile-navigation.js"></script>
examples/style.mobile.css
+25
View File
@@ -0,0 +1,25 @@
div.olControlZoomPanel {
height: 108px
width: 36px;
position: absolute;
top: 20px;
left: 20px;
}
div.olControlZoomPanel div {
width: 36px;
height: 36px;
background-image: url(img/mobile-zoombar.png);
left: 0;
}
div.olControlZoomPanel .olControlZoomInItemInactive {
top: 0;
background-position: 0 0;
}
div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
top: 36px;
background-position: 0 -36px;
}
div.olControlZoomPanel .olControlZoomOutItemInactive {
top: 72px;
background-position: 0 -72px;
}