WMS layer option with Gemini VA WMS Server on Leaflet

Question

I have got a WMS layer from an instance of Gemini VA WMS Server I want to add to my Leaflet map, version 0.7.7. For that I need to break down my WMS link to fit the options like this example:

var wmsLayer = L.tileLayer.wms('http://demo.opengeo.org/geoserver/ows?', {
    layers: 'nasa:bluemarble'
}).addTo(map);

This is the link I am not sure how to use. In QGIS the first line is ID 0 and name "RootLayer". It contain 8 layers and all of them make up the layer I want to add.

The link I have provided is not live but it follows the same structure to the link I got that is working in QGIS.

EDIT: As suggested from comments I tried this:

var wmsLayer = L.tileLayer.wms('http://localhost/MapServer/Standard_SDO.wms', {
}).addTo(map);

That throws me an error: Uncaught TypeError: Cannot read property 'wms' of undefined.

It seem that it does not like the dot. Do you know any work around?

This is what I have tried so far but it did not work:

var wmsLayer = L.tileLayer.wms('http://localhost/MapServer/ows?', {
        layers: 'Standard_SDO.wms'
    }).addTo(map);

Answer 1

Uncaught TypeError: Cannot read property 'wms' of undefined

That's a weird error, because it means that L.tileLayer is undefined (when you try to access L.tileLayer.wms to call the constructor).

There might be something wrong with the way you're loading Leaflet. Running console.log(L.tileLayer) and console.log(L.tileLayer.wms) might shed some light on your issue - they should print out a pointer to a function as demonstrated here.

Answer 2

This is a working sample I hope it helps:

var map = L.map('map', {
    crs: L.CRS.EPSG3857,
    center: [5399596.405931242, 4137884.567863098],
    zoom: 3
});

var wmsLayer = L.tileLayer.wms('../server-side/wms.php?layerId=708', {
    CRS: L.CRS.EPSG3857,
}).addTo(map);