diff options
Diffstat (limited to 'misc/openlayers/examples/mobile.html')
| -rw-r--r-- | misc/openlayers/examples/mobile.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/misc/openlayers/examples/mobile.html b/misc/openlayers/examples/mobile.html new file mode 100644 index 0000000..b2685e0 --- /dev/null +++ b/misc/openlayers/examples/mobile.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html> + <head> + <title>OpenLayers Mobile</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> + <meta name="apple-mobile-web-app-capable" content="yes"> + <link rel="stylesheet" href="../theme/default/style.mobile.css" type="text/css"> + <script src="../lib/OpenLayers.js?mobile"></script> + <script src="mobile.js"></script> + <style> + html, body { + margin : 0; + padding : 0; + height : 100%; + width : 100%; + } + @media only screen and (max-width: 600px) { + html, body { + height : 117%; + } + } + #map { + width : 100%; + position : relative; + height : 100%; + } + .olControlAttribution { + position : absolute; + font-size : 10px; + bottom : 0 !important; + right : 0 !important; + background : rgba(0,0,0,0.1); + font-family : Arial; + padding : 2px 4px; + border-radius : 5px 0 0 0; + } + #title, #tags, #shortdesc { + display: none; + } + </style> + </head> + <body> + <h1 id="title">Basic Mobile Example</h1> + <div id="tags"> + mobile + </div> + <p id="shortdesc"> + A basic full-screen map for mobile devices. + </p> + <div id="map"></div> + <script> + init(); + </script> + </body> +</html> |