<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Exemplo Leaflet - WMS Mapserver</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
<script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
<script type="text/javascript" src="js/Google.js"></script>
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
<![endif]-->
<style type="text/css">
#map { height: 640px;width: 800px }
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var wms_server = "http://localhost/cgi-bin/mapserv?map=/var/www/ex_leaflet/maps/map1.map&"
var osm = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
var terrain = new L.Google('TERRAIN');
var road = new L.Google('ROADMAP');
var limite = new L.tileLayer.wms(wms_server, {
layers: 'limite',
format: 'image/png',
srs:"EPSG:4291",
transparent: true
});
var rodovias = new L.tileLayer.wms(wms_server, {
layers: 'rodovias',
format: 'image/png',
srs:"EPSG:4291",
transparent: true
});
var baseMaps = {
"Google Terrain" : terrain,
"Google RoadMap" : road,
"OpenStreetMap": osm
};
var overlayMaps = {
"Limite Estadual": limite,
"Rodovias": rodovias
};
var map = new L.Map('map', {center: new L.LatLng(-7.30253,-36.64489),
zoom: 8,
layers: [terrain]
});
map.addControl(new L.Control.Layers(baseMaps, overlayMaps),{});
</script>
</body>
</html>