[OpenLayers-Users] adding relief wms
(http://www.maps-for-free.com/) in openlayers
Christopher Schmidt
crschmidt at metacarta.com
Mon Sep 17 07:27:12 EDT 2007
On Mon, Sep 17, 2007 at 05:27:47PM +0800, maning sambale wrote:
> I am using Geographic Lat/Lon in my webmap:
>
> http://www.greenpeace.org/seasia/en/philippine-hotspots-map
>
> How do I add relief map which has different projection parameters?
You don't.
The data is projected (
http://trac.openlayers.org/wiki/SphericalMercator ), and OpenLayers
(and javascript in general) can't do client side reprojection.
You'll have to fix your other layers.
-- Chris
> Thanks for such a cool software!
>
> The code is below:
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <style type="text/css">
> #map {
> width: 100%;
> height: 80%;
> border: 2px solid green;
> }
> </style>
> <script src="http://openlayers.org/api/OpenLayers.js"></script>
> <script type="text/javascript">
> <!--
> box_extents = [
> [117.76631123, 4.47179102, 121.30658338, 7.52866962],
> [122.17708367, 11.1529166, 123.100417, 11.7329166],
> [122.29875033, 13.24958327, 123.99958367, 14.4979166],
> [123.94128598, 6.64958327, 124.99232407, 7.6279166],
> [124.00101862, 12.2179166, 125.34016093, 12.69708327],
> [120.35786342, 14.71708327, 120.91035233, 15.27458327],
> [120.957917, 17.50958327, 122.33708367, 19.9704166],
> [116.75664335, 7.82916667, 121.35834832, 12.72833333],
> [121.25859274, 13.16208327, 122.80069214, 15.21708327],
> [122.36293328, 9.42124994, 123.57044166, 10.8624993],
> [121.59024665, 6.80166667, 123.58182406, 8.42333333],
> [116.52249998, 4.235, 127.45833332, 21.22565]
> ];
>
> function init(){
> var map = new OpenLayers.Map('map', { controls: [] });
>
> map.addControl(new OpenLayers.Control.PanZoomBar());
> map.addControl(new OpenLayers.Control.MouseToolbar());
> map.addControl(new
> OpenLayers.Control.LayerSwitcher({'ascending':false}));
> map.addControl(new OpenLayers.Control.Permalink());
> map.addControl(new OpenLayers.Control.Permalink($('permalink')));
> map.addControl(new OpenLayers.Control.MousePosition());
> map.addControl(new OpenLayers.Control.OverviewMap());
>
> var bounds = new OpenLayers.Bounds(116.52, 4.47, 127.45, 20.01);
>
> var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
> "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
>
> var ol_wms2 = new OpenLayers.Layer.WMS( "PBCPP",
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/phil_wms.map&",
> {layers: 'cover,roads', format: 'image/png'});
>
> var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
> "http://wms.jpl.nasa.gov/wms.cgi",
> {layers: "modis,global_mosaic"});
>
> var shade = new OpenLayers.Layer.WMS("Shaded Relief",
>
> "http://ims.cr.usgs.gov:80/servlet19/com.esri.wms.Esrimap/USGS_EDC_Elev_NED_3",
> {layers: "HR-NED.IMAGE", reaspect: "false",
> transparent: 'true'});
>
> var dm_wms1 = new OpenLayers.Layer.WMS( "rise at 1m",
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/rise.map&",
> {layers: 'at1_meters', transparent: "true", format: 'image/png'});
>
> var dm_wms2 = new OpenLayers.Layer.WMS( "rise at 2m",
>
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/rise.map&",
> {layers: 'at2_meters', transparent: "true", format:
> 'image/png'});
>
> var dm_wms3 = new OpenLayers.Layer.WMS( "rise at 3m",
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/rise.map&",
> {layers: 'at3_meters', transparent: "true", format:
> 'image/png'});
>
> var dm_wms4 = new OpenLayers.Layer.WMS( "rise at 4m",
>
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/rise.map&",
> {layers: 'at4_meters', transparent: "true", format:
> 'image/png'});
>
> var dm_wms5 = new OpenLayers.Layer.WMS( "rise at 5m",
>
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/rise.map&",
> {layers: 'at5_meters', transparent: "true", format:
> 'image/png'});
>
> var dm_wms6 = new OpenLayers.Layer.WMS( "rise at 6m",
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/rise.map&",
> {layers: 'at6_meters', transparent: "true", format:
> 'image/png'});
>
> var dm_wms7 = new OpenLayers.Layer.WMS( "rise at 7m",
>
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/rise.map&",
> {layers: 'at7_meters', transparent: "true", format:
> 'image/png'});
>
> var dm_wms8 = new OpenLayers.Layer.WMS( "Adm bnd",
>
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/phil_wms.map&",
> {layers: 'muni', transparent: "true", format: 'image/png'});
>
> var dm_wms9 = new OpenLayers.Layer.WMS( "Populated places",
>
> "http://202.57.66.38/cgi-bin/mapserv?map=/var/www/manual/examples/wms-server/phil_wms.map&",
> {layers: 'geoname', transparent: "true", format:
> 'image/png'});
>
>
> jpl_wms.setVisibility(false);
> dm_wms1.setVisibility(false);
> dm_wms2.setVisibility(false);
> dm_wms3.setVisibility(false);
> dm_wms4.setVisibility(false);
> dm_wms5.setVisibility(false);
> dm_wms6.setVisibility(false);
> dm_wms7.setVisibility(false);
> dm_wms8.setVisibility(false);
> dm_wms9.setVisibility(false);
>
>
> var boxes = new OpenLayers.Layer.Boxes( "Highly at risk" );
>
> for (var i = 0; i < box_extents.length; i++) {
> ext = box_extents[i];
> bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2],
> ext[3], ext[4], ext[5], ext[6], ext[7], ext[8], ext[9], ext[10],
> ext[11], ext[12], ext[13]);
> box = new OpenLayers.Marker.Box(bounds);
> box.events.register("click", box, function (e) {
> this.setBorder("yellow");
> });
> boxes.addMarker(box);
> }
> map.addLayers([ol_wms, ol_wms2, jpl_wms, dm_wms7, dm_wms6,
> dm_wms5, dm_wms4, dm_wms3, dm_wms2, dm_wms1, dm_wms8, dm_wms9,
> boxes]);
> if (!map.getCenter()) map.zoomToExtent(bounds);
>
> }
> // -->
> </script>
> </head>
> <body onload="init()">
> <div id="map"></div>
> </body>
> </html>
>
>
>
> On 9/17/07, Christopher Schmidt <crschmidt at metacarta.com> wrote:
> > On Mon, Sep 17, 2007 at 12:37:14PM +0800, maning sambale wrote:
> > > Hi,
> > >
> > > How can we add relief wms from http://www.maps-for-free.com/ in
> > openlayers?
> >
> > http://crschmidt.net/~crschmidt/google/examples/relief-map.html
> >
> > Regards,
> > --
> > Christopher Schmidt
> > MetaCarta
> >
>
>
> --
> |---------|----------------------------------------------------------|
> | __.-._ |"Ohhh. Great warrior. Wars not make one great." -Yoda |
> | '-._"7' |"Freedom is still the most radical idea of all" -N.Branden|
> | /'.-c |Linux registered user #402901, http://counter.li.org/ |
> | | /T |http://esambale.wikispaces.com|
> | _)_/LI |http://www.geocities.com/esambale/philbiodivmap/philbirds.html |
> |---------|----------------------------------------------------------|
>
--
Christopher Schmidt
MetaCarta
More information about the Users
mailing list