Guest User

Untitled

a guest
Jul 4th, 2012
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.53 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Mapa com osm e ruas</title>
  5.         <link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css">
  6.         <style>
  7.             #map-id {
  8.                 width: 1024px;
  9.                 height: 512px;
  10.             }
  11.         </style>
  12.         <script src="http://openlayers.org/api/OpenLayers.js"></script>
  13.     </head>
  14.     <body>
  15.         <h1>My Map</h1>
  16.         <div id="map-id"></div>
  17.         <script>
  18.        
  19.             var mercator = new OpenLayers.Projection("EPSG:900913");
  20.             var extend = new OpenLayers.Bounds(-789032.43216791,4977612.1650746,-784140.46235833,4980058.1499794)
  21.            
  22.             var opcoes = {
  23.             maxExtent: extend,
  24.             <!--restrictExtent: extend,-->
  25.             units: 'm',
  26.             projection: mercator,};
  27.  
  28.             var map = new OpenLayers.Map("map-id",opcoes);
  29.                            
  30.             var osm = new OpenLayers.Layer.OSM();
  31.             map.addLayer(osm);
  32.            
  33.            
  34.            
  35.             var bing = new OpenLayers.Layer.Bing({
  36.             key: "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf",
  37.             type: "Road",
  38.             });
  39.             map.addLayer(bing);
  40.            
  41.                    
  42.             var passeios = new OpenLayers.Layer.WMS(
  43.             'Passeios',
  44.             'http://localhost:8080/geoserver/testes/wms',
  45.             {layers: 'testes:passeios',
  46.             styles: 'line',
  47.             srs: 'EPSG:900913',
  48.             format: 'image/png',
  49.             transparent: true
  50.             },{isBaseLayer: false});
  51.            
  52.             map.addLayer(passeios);
  53.            
  54.            
  55.             var equipamentos = new OpenLayers.Layer.WMS(
  56.             'Equipamentos',
  57.             'http://localhost:8080/geoserver/testes/wms',
  58.             {layers: 'testes:equipamentos',
  59.             styles: 'polygon',
  60.             srs: 'EPSG:900913',
  61.             format: 'image/png',
  62.             transparent: true
  63.             },{isBaseLayer: false});
  64.            
  65.             map.addLayer(equipamentos);
  66.            
  67.            
  68.             var wfs = new OpenLayers.Layer.Vector("Equipamentos_WFS", {
  69.             strategies: [new OpenLayers.Strategy.BBOX()],
  70.             protocol: new OpenLayers.Protocol.WFS({
  71.             url: "http://localhost:8080/geoserver/testes/wfs",
  72.             featurePrefix:"testes",
  73.             featureType: "testes:equipamentos",
  74.             featureNS: "namespacetestes.pt",
  75.             srsName: "EPSG:900913",
  76.             geometryName: "the_geom",
  77.             version: "1.0.0"
  78.             })
  79.             });
  80.            
  81.             map.addLayer(wfs);
  82.  
  83.            
  84.             map.zoomToExtent(extend);
  85.            
  86.            
  87.             map.addControl(new OpenLayers.Control.LayerSwitcher());
  88.             map.addControl(new OpenLayers.Control.ScaleLine());
  89.             map.addControl(new OpenLayers.Control.OverviewMap());
  90.            
  91.             var select = new OpenLayers.Control.SelectFeature([wfs]);
  92.             map.addControl(select);
  93.             select.activate();
  94.            
  95.            
  96.            
  97.            
  98.         </script>
  99.     </body>
  100. </html>
Advertisement
Add Comment
Please, Sign In to add comment