OpenLayers OpenLayers

Changeset 5507

Show
Ignore:
Timestamp:
12/19/07 07:19:08 (1 year ago)
Author:
elemoine
Message:

replace with trunk

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • sandbox/elemoine/playground/apidoc_config/Menu.txt

    r5289 r5507  
    169169      }  # Group: Marker 
    170170 
     171   File: Projection  (no auto-title, OpenLayers/Projection.js) 
     172 
    171173   Group: Popup  { 
    172174 

  • sandbox/elemoine/playground/doc/authors.txt

    r5238 r5507  
    1414Philip Lindsay 
    1515Corey Puffault 
     16Gregers Rygg 
    1617Tim Schaub 
    1718Christopher Schmidt 

  • sandbox/elemoine/playground/doc_config/Menu.txt

    r5289 r5507  
    169169      }  # Group: Marker 
    170170 
     171   File: Projection  (no auto-title, OpenLayers/Projection.js) 
     172 
    171173   Group: Popup  { 
    172174 

  • sandbox/elemoine/playground/examples/GMLParser.html

    r2978 r5507  
    11<html xmlns="http://www.w3.org/1999/xhtml"> 
    22  <head> 
     3    <title>OpenLayers GML Parser</title> 
    34    <style type="text/css"> 
    45        #map { 
    …… 
    2223                html += "</ul>" 
    2324          } 
    24           document.body.innerHTML = html; 
     25          document.getElementById('output').innerHTML = html; 
    2526        } 
    2627        function load() { 
    2728            OpenLayers.loadURL("gml/owls.xml", "", null, parseData); 
    28         }    
     29        } 
    2930    </script> 
    3031  </head> 
    3132  <body onload="load()"> 
     33    <h1 id="title">GML Parser Example</h1> 
     34 
     35    <div id="tags"></div> 
     36 
     37    <p id="shortdesc"> 
     38        Demonstrate the operation of the GML parser. 
     39    </p> 
     40 
     41    <div id="output"></div> 
     42 
     43    <div id="docs"> 
     44        This script reads data from a GML file and parses out the coordinates, appending them to a HTML string with markup tags. 
     45        This markup is dumped to an element in the page. 
     46    </div> 
    3247  </body> 
    33 </html>   
     48</html> 

  • sandbox/elemoine/playground/examples/KMLParser.html

    r4322 r5507  
    11<html xmlns="http://www.w3.org/1999/xhtml"> 
    22  <head> 
    3     <style type="text/css"> 
    4         #map { 
    5             width: 800px; 
    6             height: 475px; 
    7             border: 1px solid black; 
    8         } 
    9     </style> 
     3    <title>OpenLayers KML Parser Example</title> 
    104    <script src="../lib/OpenLayers.js"></script> 
    115    <script type="text/javascript"> 
    …… 
    2216                html += "</ul>" 
    2317          } 
    24           document.body.innerHTML = html; 
     18          document.getElementById('output').innerHTML = html; 
    2519        } 
    2620        function load() { 
    2721            OpenLayers.loadURL("kml/lines.kml", "", null, parseData); 
    28         }    
     22        } 
    2923    </script> 
    3024  </head> 
    3125  <body onload="load()"> 
     26    <h1 id="title">KML Parser Example</h1> 
     27 
     28    <div id="tags"></div> 
     29 
     30    <p id="shortdesc"> 
     31        Demonstrate the operation of the KML parser. 
     32    </p> 
     33 
     34    <div id="output"></div> 
     35 
     36    <div id="docs"> 
     37        This script reads data from a KML file and parses out the coordinates, appending them to a HTML string with markup tags. 
     38        This markup is dumped to an element in the page. 
     39    </div> 
    3240  </body> 
    33 </html>   
     41</html> 

  • sandbox/elemoine/playground/examples/accessible.html

    r4202 r5507  
    11<html xmlns="http://www.w3.org/1999/xhtml"> 
    22    <head> 
     3        <title>OpenLayers Accessible Example</title> 
     4         
    35        <style type="text/css"> 
    46            #map { 
    57                width: 512px; 
    6                 height: 256px; 
     8                height: 512px; 
    79                border: 1px solid #eee; 
    810            } 
    …… 
    2224                font-weight: normal; 
    2325                text-decoration: underline; 
    24             }             
     26            } 
    2527            a:hover { 
    2628                text-decoration: underline; 
    27             }          
     29            } 
     30            a.api { 
     31                font-size:1em; 
     32                text-decoration:underline; 
     33            } 
    2834        </style> 
    2935        <script src="../lib/OpenLayers.js"></script> 
    …… 
    3642                map = new OpenLayers.Map('map', options); 
    3743                var wms = new OpenLayers.Layer.WMS( 
    38                     "OpenLayers WMS",  
     44                    "OpenLayers WMS", 
    3945                    "http://labs.metacarta.com/wms/vmap0?", 
    4046                    {layers: 'basic'} 
    …… 
    4652    </head> 
    4753    <body onload="init()"> 
    48         <h3>OpenLayers Example</h3> 
     54        <h1 id="title">Accessible Example</h1> 
     55 
     56        <div id="tags"> 
     57        </div> 
     58 
     59        <p id="shortdesc"> 
     60            Demonstrate how to use the KeyboardDefaults option parameter for layer types. 
     61        </p> 
     62 
    4963        <table> 
    5064            <tbody> 
    …… 
    96110            </tbody> 
    97111        </table> 
    98         <p>Navigate the map in one of three ways: 
    99             <ul> 
    100                 <li>Click on the named links to zoom and pan</li> 
    101                 <li>Use following keys to pan and zoom: 
    102                     <ul> 
    103                         <li>+ (zoom in)</li> 
    104                         <li>- (zoom out)</li> 
    105                         <li>up-arrow (pan north)</li> 
    106                         <li>down-arrow (pan south)</li> 
    107                         <li>left-arrow (pan east)</li> 
    108                         <li>right-arrow (pan west)</li> 
    109                     </ul> 
    110                 </li> 
    111                 <li>If access keys work for links in your browser, use: 
    112                     <ul> 
    113                         <li>i (zoom in)</li> 
    114                         <li>o (zoom out)</li> 
    115                         <li>n (pan north)</li> 
    116                         <li>s (pan south)</li> 
    117                         <li>e (pan east)</li> 
    118                         <li>w (pan west)</li> 
    119                     </ul> 
    120                 </li> 
    121             </ul> 
    122         </p> 
     112 
     113        <div id="docs"> 
     114            <p>Navigate the map in one of three ways: 
     115                <ul> 
     116                    <li>Click on the named links to zoom and pan</li> 
     117                    <li>Use following keys to pan and zoom: 
     118                        <ul> 
     119                            <li>+ (zoom in)</li> 
     120                            <li>- (zoom out)</li> 
     121                            <li>up-arrow (pan north)</li> 
     122                            <li>down-arrow (pan south)</li> 
     123                            <li>left-arrow (pan east)</li> 
     124                            <li>right-arrow (pan west)</li> 
     125                        </ul> 
     126                    </li> 
     127                    <li>If access keys work for links in your browser, use: 
     128                        <ul> 
     129                            <li>i (zoom in)</li> 
     130                            <li>o (zoom out)</li> 
     131                            <li>n (pan north)</li> 
     132                            <li>s (pan south)</li> 
     133                            <li>e (pan east)</li> 
     134                            <li>w (pan west)</li> 
     135                        </ul> 
     136                    </li> 
     137                </ul> 
     138            </p> 
     139 
     140            This is an example of using alternate methods to control panning and zooming.  This approach uses map.pan() and map.zoom().  You'll note that to pan, additional math is necessary along with map.size() in order to set the distance to pan. 
     141        </div> 
    123142    </body> 
    124143</html> 

  • sandbox/elemoine/playground/examples/attribution.html

    r5117 r5507  
    11<html xmlns="http://www.w3.org/1999/xhtml"> 
    2   <head> 
    3     <style type="text/css"> 
    4         #map { 
    5             width: 512px; 
    6             height: 512px; 
    7             border: 1px solid black; 
    8         } 
    9     </style> 
    10     <script src="../lib/OpenLayers.js"></script> 
    11     <script type="text/javascript"> 
    12         var map;  
    13         function init(){ 
    14             map = new OpenLayers.Map('map'); 
    15              
    16             var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",  
    17                 "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}, 
    18                 {'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'});  
     2    <head> 
     3        <title>OpenLayers Attribution Example</title> 
     4 
     5        <style type="text/css"> 
     6            #map { 
     7                width: 512px; 
     8                height: 512px; 
     9                border: 1px solid black; 
     10            } 
     11        </style> 
     12        <script src="../lib/OpenLayers.js"></script> 
     13        <script type="text/javascript"> 
     14            var map; 
     15            function init(){ 
     16                map = new OpenLayers.Map('map'); 
     17 
     18                var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
     19                    "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}, 
     20                    {'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'}); 
    1921 
    2022            var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic", 
    …… 
    2224                {layers: "landsat7"},{attribution:"Provided by Telascience"}); 
    2325 
    24             map.addLayers([ol_wms, jpl_wms]); 
    25             map.addControl(new OpenLayers.Control.LayerSwitcher()); 
    26             map.addControl(new OpenLayers.Control.Attribution()); 
    27             // map.setCenter(new OpenLayers.LonLat(0, 0), 0); 
    28             map.zoomToMaxExtent(); 
    29         } 
    30     </script> 
    31   </head> 
    32   <body onload="init()"> 
    33     <h1>OpenLayers Example</h1> 
    34     <div id="map"></div> 
    35   </body> 
     26                map.addLayers([ol_wms, jpl_wms]); 
     27                map.addControl(new OpenLayers.Control.LayerSwitcher()); 
     28                map.addControl(new OpenLayers.Control.Attribution()); 
     29                // map.setCenter(new OpenLayers.LonLat(0, 0), 0); 
     30                map.zoomToMaxExtent(); 
     31            } 
     32        </script> 
     33    </head> 
     34    <body onload="init()"> 
     35        <h1 id="title">Attribution Example</h1> 
     36 
     37        <div id="tags"> 
     38        </div> 
     39 
     40        <p id="shortdesc"> 
     41          Shows the use of the attribution layer option on a number of layer types. 
     42        </p> 
     43 
     44        <div id="map"></div> 
     45 
     46        <div id="docs"> 
     47            This is an example of how to add an attribution block to the OpenLayers window.  In order to use an 
     48            attribution block, an attribution parameter must be set in each layer that requires attribution. In 
     49            addition, an attribution control must be added to the map. 
     50        </div> 
     51    </body> 
    3652</html> 

  • sandbox/elemoine/playground/examples/baseLayers.html

    r4222 r5507  
    11<html xmlns="http://www.w3.org/1999/xhtml"> 
    2   <head> 
    3     <style type="text/css"> 
    4         #map { 
    5             width: 100%; 
    6             height: 512px; 
    7             border: 1px solid black; 
    8             background-color: blue; 
    9         } 
    10     </style> 
     2    <head> 
     3        <title>OpenLayers Base Layers Example</title> 
     4         
     5        <style type="text/css"> 
     6            #map { 
     7                width: 512; 
     8                height: 512px; 
     9                border: 1px solid black; 
     10                background-color: blue; 
     11            } 
     12            #controls 
     13            { 
     14                width: 512px; 
     15            } 
     16        </style> 
    1117 
    12     <!-- this gmaps key generated for http://openlayers.org/dev/ --> 
    13     <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script> 
    14     <!-- Localhost key --> 
    15     <!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>--> 
    16     <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script> 
    17     <script src='http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js'></script> 
    18     <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script> 
    19     <script src="../lib/OpenLayers.js"></script> 
    20     <script type="text/javascript"> 
    21         var lon = 5; 
    22         var lat = 40; 
    23         var zoom = 5; 
    24         var map, markers; 
    25         var barcelona = new OpenLayers.LonLat(2.13134765625, 
    26                                               41.37062534198901); 
    27         var madrid = new OpenLayers.LonLat(-3.6968994140625, 
     18        <!-- this gmaps key generated for http://openlayers.org/dev/ --> 
     19        <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script> 
     20        <!-- Localhost key --> 
     21        <!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>--> 
     22        <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script> 
     23        <script src='http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js'></script> 
     24        <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script> 
     25        <script src="../lib/OpenLayers.js"></script> 
     26        <script type="text/javascript"> 
     27