Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Mapa com osm e ruas</title>
- <link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css">
- <style>
- #map-id {
- width: 1024px;
- height: 512px;
- }
- </style>
- <script src="http://openlayers.org/api/OpenLayers.js"></script>
- </head>
- <body>
- <h1>My Map</h1>
- <div id="map-id"></div>
- <script>
- var mercator = new OpenLayers.Projection("EPSG:900913");
- var extend = new OpenLayers.Bounds(-789032.43216791,4977612.1650746,-784140.46235833,4980058.1499794)
- var opcoes = {
- maxExtent: extend,
- <!--restrictExtent: extend,-->
- units: 'm',
- projection: mercator,};
- var map = new OpenLayers.Map("map-id",opcoes);
- var osm = new OpenLayers.Layer.OSM();
- map.addLayer(osm);
- var bing = new OpenLayers.Layer.Bing({
- key: "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf",
- type: "Road",
- });
- map.addLayer(bing);
- var passeios = new OpenLayers.Layer.WMS(
- 'Passeios',
- 'http://localhost:8080/geoserver/testes/wms',
- {layers: 'testes:passeios',
- styles: 'line',
- srs: 'EPSG:900913',
- format: 'image/png',
- transparent: true
- },{isBaseLayer: false});
- map.addLayer(passeios);
- var equipamentos = new OpenLayers.Layer.WMS(
- 'Equipamentos',
- 'http://localhost:8080/geoserver/testes/wms',
- {layers: 'testes:equipamentos',
- styles: 'polygon',
- srs: 'EPSG:900913',
- format: 'image/png',
- transparent: true
- },{isBaseLayer: false});
- map.addLayer(equipamentos);
- var wfs = new OpenLayers.Layer.Vector("Equipamentos_WFS", {
- strategies: [new OpenLayers.Strategy.BBOX()],
- protocol: new OpenLayers.Protocol.WFS({
- url: "http://localhost:8080/geoserver/testes/wfs",
- featurePrefix:"testes",
- featureType: "testes:equipamentos",
- featureNS: "namespacetestes.pt",
- srsName: "EPSG:900913",
- geometryName: "the_geom",
- version: "1.0.0"
- })
- });
- map.addLayer(wfs);
- map.zoomToExtent(extend);
- map.addControl(new OpenLayers.Control.LayerSwitcher());
- map.addControl(new OpenLayers.Control.ScaleLine());
- map.addControl(new OpenLayers.Control.OverviewMap());
- var select = new OpenLayers.Control.SelectFeature([wfs]);
- map.addControl(select);
- select.activate();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment