topic Re: leaflet wms map image in Open Source Mapping Libraries Ques.

leaflet wms map image

BradSkopyk — Fri, 25 Aug 2023 20:12:49 GMT

I am new to Leaflet. I have a historical map that I have georectified and that is hosted on my arcgis server. I am including both the REST and WMS URLs:

https://elcamaleon.binghamton.edu/server/rest/services/Teo1925/MapServer

https://elcamaleon.binghamton.edu/server/services/Teo1925/MapServer/WMSServer

I would like to know which of the esri-leaflet plugins I should use: L.esri.ImageMapLayer or L.esri.DynamicMapLayer or something else. And, how would I format the html script.

Thank you for your help.

Re: leaflet wms map image

BradSkopyk — Sat, 09 Oct 2021 17:09:08 GMT

I figured it out! Here is the html:

const apiKey = "Put API Key here";
var map = L.map('map').setView([19.65, -98.9], 12);
L.esri.basemapLayer('Imagery').addTo(map);

var url = 'https://elcamaleon.binghamton.edu/server/rest/services/Teo1925/MapServer';

L.esri.dynamicMapLayer({
url: url,
opacity: 0.99,
useCors: false
}).addTo(map);

</script>

Re: leaflet wms map image

BradSkopyk — Wed, 13 Oct 2021 15:04:10 GMT

So, actually, the first solution does not actually use a WMS layer. Any hints on how to show a wms map image with leaflet? If anyone is using Omeka, specifically the WMS Overlays function that is found in some of the preconfigured mapping blocks, like Map by Attachments. Here, you would configure as:

Base URL: https://elcamaleon.binghamton.edu/server/services/Teo1925/MapServer/WMSServer

Layers: 0 [i.e. zero]

Re: leaflet wms map image

GavinRehkemper — Wed, 13 Oct 2021 18:30:54 GMT

You can use "L.tilelayer.wms" - see the tutorial on the Leaflet documentation site:

https://leafletjs.com/examples/wms/wms.html

Here's a code sample using your service:

https://jsbin.com/tuhukamefu/1/edit?html,output

Re: leaflet wms map image

BradSkopyk — Thu, 14 Oct 2021 00:49:54 GMT

Thank you!