]> dev.renevier.net Git - syp.git/blob - openlayers/examples/geojson.html
initial commit
[syp.git] / openlayers / examples / geojson.html
1 <html xmlns="http://www.w3.org/1999/xhtml">
2   <head>
3     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
4     <link rel="stylesheet" href="style.css" type="text/css" />
5     <script src="../lib/OpenLayers.js"></script>
6     <script type="text/javascript">
7         var lon = 5;
8         var lat = 40;
9         var zoom = 5;
10         var map, layer;
11
12         function init(){
13             map = new OpenLayers.Map( 'map' );
14             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
15                     "http://labs.metacarta.com/wms/vmap0",
16                     {layers: 'basic'} );
17             map.addLayer(layer);
18             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
19             var featurecollection = {
20               "type": "FeatureCollection", 
21               "features": [
22                 {"geometry": {
23                     "type": "GeometryCollection", 
24                     "geometries": [
25                         {
26                             "type": "LineString", 
27                             "coordinates": 
28                                 [[11.0878902207, 45.1602390564], 
29                                 [15.01953125, 48.1298828125]]
30                         }, 
31                         {
32                             "type": "Polygon", 
33                             "coordinates": 
34                                 [[[11.0878902207, 45.1602390564], 
35                                   [14.931640625, 40.9228515625], 
36                                   [0.8251953125, 41.0986328125], 
37                                   [7.63671875, 48.96484375], 
38                                   [11.0878902207, 45.1602390564]]]
39                         },
40                         {
41                             "type":"Point", 
42                             "coordinates":[15.87646484375, 44.1748046875]
43                         }
44                     ]
45                 }, 
46                 "type": "Feature", 
47                 "properties": {}}
48               ]
49            };
50            var geojson_format = new OpenLayers.Format.GeoJSON();
51            var vector_layer = new OpenLayers.Layer.Vector(); 
52            map.addLayer(vector_layer);
53            vector_layer.addFeatures(geojson_format.read(featurecollection));
54
55         }
56     </script>
57   </head>
58   <body onload="init()">
59     <h1 id="title">GeoJSON Example</h1>
60     <div id="map" class="smallmap"></div>
61   </body>
62 </html>