Before I attempt to explain my situation, I'd like to disclose I'm very new to these apps and GIS in general.
There's a public ArgGIS server that I'd like to export a layer from and overlay on an OpenStreetMap map enabled by Leaflet. I've queried the API using the
/export REST endpoint with the following parameters:
'dpi': '96', 'transparent': 'true', 'format': 'png8', 'layers': 'show:37,38,40,41,42,43,44,45,46,47', 'bbox': '-11872625.905327085,6573201.834478498,-6540378.812154609,7566271.705959245', 'bboxSR': '102100', 'imageSR': '102100', 'size': '1090,203', '_ts': '1547504829299', 'f': 'image'
This generates a png that represents the layers I'm interested in. However, I'm having trouble overlaying on the map. I think the confusion is between
lat/long coordinate systems. I'm not sure how to properly center the image on the map so the overlay works. I'm also not able to get it to zoom in properly on the OSM map.
I've tried the following configuration using Leaflet:
var imglayer = './layer.png'; var imgbounds = [[-11872625.905327085,6573201.834478498],[-6540378.812154609,7566271.705959245]]; L.imageOverlay(imglayer, imgbounds).addTo(mymap);
But the image isn't even visible.