source: sipes/libraries/openlayers/examples/fullScreen.html @ 92f109b

stableversion-3.0
Last change on this file since 92f109b was 307d09d, checked in by José Gregorio Puentes <jpuentes@…>, 8 años ago

se agregaron las librerias
  • Propiedad mode establecida a 100644
File size: 1.8 KB
Línea 
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
6        <meta name="apple-mobile-web-app-capable" content="yes">
7        <title>Full Screen Example</title>       
8        <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
9        <link rel="stylesheet" href="style.css" type="text/css">
10        <style type="text/css">
11            html, body, #map {
12                margin: 0;
13                width: 100%;
14                height: 100%;
15            }
16
17            #text {
18                position: absolute;
19                bottom: 1em;
20                left: 1em;
21                width: 512px;
22                z-index: 20000;
23                background-color: white;
24                padding: 0 0.5em 0.5em 0.5em;
25            }
26        </style>
27        <script src="../lib/OpenLayers.js"></script>
28    </head>
29    <body>
30        <div id="map"></div>
31
32          <div id="text">
33              <h1 id="title">Full Screen Example</h1>
34
35              <div id="tags">
36                css, style, fullscreen, window, margin, padding, scrollbar
37              </div>
38
39              <p id="shortdesc">
40                Demonstrate a map that fills the entire browser window.
41            </p>
42
43            <div id="docs">
44                <p>This example uses CSS to define the dimensions of the map element in order to fill the screen.
45                When the user resizes the window, the map size changes correspondingly. No scroll bars!</p>
46                <p>See the
47                <a href="fullScreen.js" target="_blank">fullScreen.js source</a> 
48                to see how this is done.</p>
49            </div>
50            <script src="fullScreen.js"></script>
51        </div>
52    </body>
53</html>
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.