Add WMS remote service to Leaflet map from Leaflet interface - leaflet

I'm trying to find a way to load external WMS layers to Leaflet map, just like Leaflet.FileLayer does for local files.
I'm imagining a button that opens a form window to introduce the URL and then select the layer's that will be loaded to the map. Is there any plugin or an approach to do that?
Thanks!

Related

What does the painting of the leaflet-described elements on a map?

I'm using Leaflet + CartoDB; I've also used Leaflet + Mapbox; and there may also be some Leaflet + GoogleMaps in my future.
My customer asked me this question: where do the Leaflet layers get painted onto the tiles? Is that done by Leaflet? Or by the Tile engine?
Does this change if I'm using a "regular" map engine (such as Mapbox) or if I'm using something like the KML-rendering plugin?
where do the Leaflet layers get painted onto the tiles? Is that done by Leaflet?
By default (unless you're doing something weird), that happens in your web browser, which is compositing DOM elements on top of each other. You can check this by using the developer tools in your browser and inspecting the DOM elements for the tiles, and the <canvas> or <svg> with your vector geometries. They are separate DOM elements, thus your browser is doing the compositing.
Does this change if I'm using a "regular" map engine (such as Mapbox) or if I'm using something like the KML-rendering plugin?
Not really. Mapbox-gl-js uses insane amounts of WebGL, so that means that the brunt of the workload moves from the browser's compositor to a WebGL stack. It still happens in the web browser, albeit in a different part of the browser.
There is no "KML rendering plugin" for leaflet, just KML loading plugins. Vector geometries are still rendered in a <canvas> or <svg> separate from the image tiles for the basemap, then composited.
You can, of course, run your own tile server (with software such as Geoserver, Mapserver, Mapproxy, mapnik+mod_tile, tirex, tilestream, or dozens of others). In that case, you obviously know you are rasterizing your data into tiles.

Remove thumbnail of Qgis from wms,wfs layer

I have created one QGIS map server for serving map as WMS or WFS feature.
As I am adding the layers in QGIS various thumbnails of QGIS is appearing which I do not want to appear in my map.
Same thing is happening when I am accessing those layers on web via Leaflet. Please help me how to remove these thumbnails.
I am attaching screenshots regarding this problem:

Bing Map Drawing Tool Module - Initialization

i have a Geolocalisation Web Application and i Use Bing Maps as a Front End Map Tool, for the back end, i would be able to edit points and polygons, for this, i am using Bing Map Drawing Tools Module.
My Goal is to use the same map to add / or edit a shape depending on what is the content of certain textbox.
So, there is any way to init the map by a default drawn shape and pushpin?

which minimap should I use with custom image in leaflet

I'm using leafletjs with a custom large image where I am serving the tiles from my local server.
I need to display a minimap that shows what is currently visible on screen, what would be best to use in these circumstances?
Is there something already available in leafletjs or do I need to use a plugin or build a custom one?
I saw this one but it seems kind of specific to using a map: https://github.com/Norkart/Leaflet-MiniMap

WMS layer not shown over Google Map plugin layer in Leaflet application

I have a simple Leaflet application containing 3 layers: OSM layer, Google Satellite layer (from Pavel Shramov plugin) and my own WMS layer.
My WMS layer show well over OSM basemap but when switching basemap to Google layer with layers control, Google Satellite layer show well but my WMS is not shown over it.
Exploring in Firebug tell me that my WMS images are there but not shown correctly OVER Google layer... This was working well using old version of Leaflet js/css but I want to use the new release 0.4.2...
Any idea how to patch this issue?
Thanks a lot
Etienne
Finallly, adding this line:
$("#" + this._container.id).css("z-index", "auto");
in the _initContainer() function of the Google.js plugin solved the problem...
Check this conversation for more detail: https://github.com/shramov/leaflet-plugins/issues/29
Regards
Etienne