Support for esri leaflet 3 about esri-leaflet-renderers

[pmacMaps]

Thanks for providing the demos @gavinr. I noticed that neither uses the esri-leaflet-renderers package. Having a tutorial/documentation page on how to use this plugin with bundlers would be very helpful.

[gavinr]

This is fixed in v3.0.0.

We will also add more documentation for ES modules in the future.

Thanks!

[pmacMaps]

The issue I have (and I believe others have) is it isn't clear how to import Esri Leaflet Renderers in a project that uses ES modules and a bundler, and get the server-rendered symbology applied. When you add the various Esri Leaflet libraries as separate script tags, it works. But many of use want to use bundlers.

[gavinr]

Hi, could you please post a replication case (using JSBin or some similar process) to show the issue?

[lielvan]

Chiming in since I also ran into this issue:
Expected:
run npm install esri-leaflet esri-leaflet-renderers, expecting esri-leaflet ^3.x.

Actual:

"dependencies": {
    "esri-leaflet": "^2.5.3",
    "esri-leaflet-renderers": "^2.1.3",
    "leaflet": "^1.8.0"
  }

running npm outdated:

Package       Current  Wanted  Latest  Location                   Depended by
esri-leaflet    2.5.3   2.5.3   3.0.8  node_modules/esri-leaflet  esri-test

with npm install esri-leaflet@latest:

npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/esri-leaflet
npm WARN   peer esri-leaflet@"*" from [email protected]
npm WARN   node_modules/esri-leaflet-cluster
npm WARN     optional esri-leaflet-cluster@"^3.0.0" from [email protected]
npm WARN     node_modules/esri-leaflet-renderers
npm WARN   2 more (esri-leaflet-renderers, the root project)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer esri-leaflet@"2.x" from [email protected]
npm WARN node_modules/esri-leaflet-renderers
npm WARN   esri-leaflet-renderers@"^2.1.3" from the root project

[fgoulet]

I don't really have code to share. I have only added the esri-leaflet-renderers package to my app package.json so far.

"leaflet": "^1.8.0",
"esri-leaflet": "^3.0.8",
"esri-leaflet-renderers": "^2.1.3",

I guest I must call a function to initialize somehow this extension maybe ?

[fgoulet]

@pmacMaps Yes, that's exactly my case.

[gavinr]

Thank you all for the input. Seems like the original issue is summarized (by the past two comments) around "we need example code to show how to use ES modules with bundlers". I have two examples here:

• https://github.com/gavinr/esri-leaflet-react-demo
• https://github.com/gavinr/esri-leaflet-svelte-demo

But I think we need more than just those samples - probably a tutorial or documentation page on it.

Second issue

Specifically to esri-leaflet-renderers, there's an issue with the dependencies that @lielvan is pointing out. The solution is to make a change in this repo similar to what we did in esri-leaflet-geocoder: Esri/esri-leaflet-geocoder#275 PRs are welcome!