Sha256: afc1fb595b2ee0dfc125f139ff95bb0c27755acb19df21097a1d0472979d869a
Contents?: true
Size: 1.85 KB
Versions: 7
Compression:
Stored size: 1.85 KB
Contents
<!DOCTYPE html>
<html>
<head>
<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">
<title>Full Screen Example</title>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css">
html, body, #map {
margin: 0;
width: 100%;
height: 100%;
}
#text {
position: absolute;
bottom: 1em;
left: 1em;
width: 512px;
z-index: 20000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
}
</style>
<script src="../lib/OpenLayers.js"></script>
</head>
<body>
<div id="map"></div>
<div id="text">
<h1 id="title">Full Screen Example</h1>
<div id="tags">
css, style, fullscreen, window, margin, padding, scrollbar
</div>
<p id="shortdesc">
Demonstrate a map that fills the entire browser window.
</p>
<div id="docs">
<p>This example uses CSS to define the dimensions of the map element in order to fill the screen.
When the user resizes the window, the map size changes correspondingly. No scroll bars!</p>
<p>See the
<a href="fullScreen.js" target="_blank">fullScreen.js source</a>
to see how this is done.</p>
</div>
<script src="fullScreen.js"></script>
</div>
</body>
</html>
Version data entries
7 entries across 7 versions & 1 rubygems