Getting WMS data on Google Maps

-> back to the notes page

Creating new WMS base layers for the map

To put wms layer in your map you can use a small javascript file developed by John Deck at Berkeley (wms236.js).

On Roadlessland.org I used Mapserver as a WMS server to create tiles from ESRI shapefiles of all the roadless areas, wilderness areas and other forest service areas. These layers float over top of all the base layers. Here is an example of how to do that.

Here is the code for the map on this page:

<script type="text/javascript"> // best to declare your map variable outside of the function so that you can access it from other functions var map; function initialize() { if (GBrowserIsCompatible()) { // set up the map map = new GMap2(document.getElementById("map_canvas")); // set up your wms layer var tileDRG; tileDRG= new GTileLayer(new GCopyrightCollection(""),1,17); tileDRG.myLayers='DRG'; tileDRG.myFormat='image/jpeg'; tileDRG.myBaseURL='http://www.terraserver-usa.com/ogcmap6.ashx?'; tileDRG.getTileUrl=CustomGetTileUrl; tileDRG.getOpacity = function() {return 1.0;} var topo_layer=[tileDRG]; var TOPO_MAP = new GMapType(topo_layer, G_SATELLITE_MAP.getProjection(), "Topo"); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); // add your new map types map.addMapType(TOPO_MAP); // set the location of the map map.setCenter(new GLatLng(35.111483511324735, -106.51519775390625), 11); } } </script>