Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

63 lines (56 sloc) 1.558 kb
<!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="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>
Jump to Line
Something went wrong with that request. Please try again.