1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>OpenLayers: Wrap Date Line</title> <link rel="stylesheet" href="../theme/default/style.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" /> <script src="../lib/OpenLayers.js"></script> <script type="text/javascript"> var map; function init(){ map = new OpenLayers.Map( 'map', {maxResolution: 1.40625} ); var mapserv = new OpenLayers.Layer.MapServer( "OpenLayers Basic", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}, {wrapDateLine: true} ); var kamap = new OpenLayers.Layer.KaMap( "Blue Marble NG", "http://www.openlayers.org/world/index.php", {g: "satellite", map: "world"}, {wrapDateLine: true} ); var wms = new OpenLayers.Layer.WMS( "DM Solutions Demo", "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", {layers: "bathymetry,land_fn,park,drain_fn,drainage," + "prov_bound,fedlimit,rail,road,popplace", transparent: "true", format: "image/png"}, {wrapDateLine: true, reproject: false}); /* TMS is broken, too */ tms = new OpenLayers.Layer.TMS( "OpenStreetMap", "http://labs.metacarta.com/wms-c/Basic.py/", {layername: 'osm-map', type:'png', wrapDateLine: true} ); /* WW doesn't quite work yet */ ww = new OpenLayers.Layer.WorldWind( "LANDSAT", "http://worldwind25.arc.nasa.gov/tile/tile.aspx", 2.25, 4, {T:"105"}, {'maxResolution': .28125, tileSize: new OpenLayers.Size(512, 512), wrapDateLine: true}); map.addLayers([mapserv, kamap, wms]); map.addControl(new OpenLayers.Control.LayerSwitcher()); map.addControl(new OpenLayers.Control.MousePosition()); map.zoomToMaxExtent(); } </script> </head> <body onload="init()"> <h1 id="title">Wrapping the Date Line</h1> <div id="tags"> Related to: <a href="http://dev.openlayers.org/docs/OpenLayers/Layer/WMS.html">Layer.WMS</a>, <a href="http://dev.openlayers.org/docs2/OpenLayers/Layer/MapServer.html">Layer.MapServer</a>, <a href="http://dev.openlayers.org/docs2/OpenLayers/Layer.html#wrapDateLine">wrapDateLine</a> </div> <p id="shortdesc">Shows how to work around dateline issues, by wrapping the dateline on a number of layer types.</p> <div id="map" class="smallmap"></div> <div id="docs"> <p> This is an example that shows wrapping the date line. Wrapping the date line is an option on the layer. </p> <p> You can do it with a 'Layer.WMS' or a 'Layer.MapServer' layer. </p> <pre id="code"> var mapserv = new OpenLayers.Layer.MapServer( "OpenLayers Basic", "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'}, <b>{wrapDateLine: true}</b> ); </pre> </div> </body> </html> |