Hi Community! Following our Earth Day talk with colleagues working with NOAA , I am trying to render some of their map data in Leaflet. Despite following patterns that we’re previously working , I am unsuccessful at rendering the maps. Can you help? Here’s an example data layer as it should look: h…

OK, got it working by switching to module imports via https://jspm.org/ (jspm.dev). My working theory is that leaflet and esri-leaflet referenced different instances of LatLngBounds, which caused an instantiation to fail when toLatLngBounds() checks the instance type of a passed argument.

When you open your dev tools you can see tons of 404 errors for the tile URLs that you construct. Apparently coast.noaa.gov does not support the z/y/x format, but instead expects a bounding box. Here’s an example set of parameters as sent by the application in your first link: bbox: -9194686.14182…

Thanks @mootari ! I saw the errors but wasn’t sure what to make of them… or how to resolve! A couple of follow up questions: How did you get from seeing those 403/404 errors to understanding that the issue had to do with the non-supported z/x/y format? Now that you’ve identified this issue - whe…

[image] aaronkyle: How did you get from seeing those 403/404 errors to understanding that the issue had to do with the non-supported z/x/y format? By checking the fetched URLs: This is what you query:https://coast.noaa.gov/arcgis/rest/services/Imagery/3Band_CIR_8Bit_Imagery/ImageServer/tile…

I see that you’re already using esri-leaflet. However, the layer type you need to use is: https://esri.github.io/esri-leaflet/api-reference/layers/image-map-layer.html This will correctly produce /exportImage URLs.

For those interested: @mootari is sleuthing through this one, but it’s turning out not to be the easiest nut to crack! The notebook is changing and @mootari ’s introduced a lot of great clean-up, which is a great resource for those working with Leaflet maps in Observable. We’ll keep you updated if…

stuck when rendering ArcGIS WMS data to Leaflet

Community Help

aaronkyle April 24, 2021, 5:55pm 8

Amazing! Thank you for all the time you invested into this! I’ll update our events page, reference this discussion, and also will render out a few different maps to keep the conversation going. Thank you so much!

Topic		Replies	Views
How to visualize data hosted w/ ArcGIS JavaScript API? Community Help	2	628	August 16, 2020
Adding geo-reference data back into ArcGIS REST API exported image? Community Help	15	1265	November 3, 2021
embedding Leaflet map turns wonky \| requesting help to diagnose Community Help	3	1708	January 9, 2020
CORS error when importing Leaflet across notebooks Community Help	2	996	November 2, 2020
Leaflet and JSON: Understanding differences between Observable and standard JS Community Help	9	2009	September 14, 2018

stuck when rendering ArcGIS WMS data to Leaflet

Related topics