Your piece of code seems to be good in theory. As I used arcGIS/Leaflet in exactly the same way.
But the problem could come from missing spatial reference (or maybe incorrect format (image/png or image/jpeg).
For the spatial reference, here is how Leaflet works :
- Leaflet expects default spatial reference : EPSG:3857 / WGS84
- But you can change it by an other one with JS plugin like Proj4leaflet by Kartena.
It's really easy and helpful. Works like this (for EPSG:3006) :
You define your new crs
// SWEREF99 TM (EPSG:3006) with map's pixel origin at SWEREF99 TM coordinate (0, 0)
var crs = new L.Proj.CRS('EPSG:3006',
'+proj=utm +zone=33 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs',
{
resolutions: [
8192, 4096, 2048, 1024, 512, 256, 128
],
origin: [0, 0]
})
And include it in your map :
var map = new L.Map('map', {
crs: crs
});
You can find Spatial References here.
Best Answer
Leaflet does this on the fly depending on your location of viewport, viewport size, zoom and projection. It takes care of the math and which tiles to request. If you are interested in where this is done you can take a look at the source code for WMS Tile Layer. The bounding box isn't really defined until line 50.
If you need to create a custom bounding box it is just a matter of editing the source so L.TileLayer.WMS takes some new variables and replacing it with your own input.
**Note my link is at the current head of the git (28 May 2013), this could change.