diff options
| author | Chris Schlaeger <chris@linux.com> | 2014-08-12 21:56:44 +0200 |
|---|---|---|
| committer | Chris Schlaeger <chris@linux.com> | 2014-08-12 21:56:44 +0200 |
| commit | ea346a785dc1b3f7c156f6fc33da634e1f1a627b (patch) | |
| tree | af67530553d20b6e82ad60fd79593e9c4abf5565 /misc/openlayers/examples/mobile-layers.html | |
| parent | 59741cd535c47f25971bf8c32b25da25ceadc6d5 (diff) | |
| download | postrunner-fb1989bda5d3e0a5472ba7644d57cae197733a8f.zip | |
Adding jquery, flot and openlayers to be included with the GEM.v0.0.4
Diffstat (limited to 'misc/openlayers/examples/mobile-layers.html')
| -rw-r--r-- | misc/openlayers/examples/mobile-layers.html | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/misc/openlayers/examples/mobile-layers.html b/misc/openlayers/examples/mobile-layers.html new file mode 100644 index 0000000..d258674 --- /dev/null +++ b/misc/openlayers/examples/mobile-layers.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html> +<head> + <title>OpenLayers Mobile Layers</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-layers.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">Mobile example with various layer types</h1> + +<div id="tags"> + mobile, WMS, WFS, KML +</div> +<p id="shortdesc"> + A mobile example displaying various layer types: WMS, WFS, KML. +</p> + +<div id="map"></div> +<script> + init(); +</script> +</body> +</html> |