Leaftlet providers and plugins

[paparent]

Hi !

I'd like to know how to use other providers and some plugins. For example I'd like to use the following :

https://github.com/leaflet-extras/leaflet-providers (to use HERE for example).

And bouncing from the following plugin :

https://github.com/hosuaby/Leaflet.SmoothMarkerBouncing

Thanks a lot !!

[DonNicoJs]

@paparent all the plugins that we are aware of are in the docs section if they are missing feel free to create one and make a PR to add them to our docs!

[paparent]

@DonNicoJs Hi

Yeah sure I can develop one ! But those two seemed a bit more complex (maybe, because I've never played with leaflet and vue-leaflet). So wanted input from other how easy is to implement that!

[DonNicoJs]

@paparent the best thing to do is to keep in consideration those points:

• leaflet exposes utility that you can leverage findRealParent and propsBinder
• everything should be initialised in the mounted lifecycle hook
• remember to set leaflet as a peerDependecy
• rollup is the best library bundler so you can leverage ESM ( you can check how we do it here in the main repo )
• if you want you can add me to the repo so I can keep an eye on the code, but I can't promise to be super fast because I am quite busy as it is :)
• check this repo or one of the other plugins for inspiration ( for example leaflet-markercluster )

For the rest is easy to implement, a bit less easy to do it smoothly :) but I am here to help

[DonNicoJs]

Labelling as plugin-request and closing, feel free to re-open if you have more questions

[gelinger777]

any tutorial on creating a plugin?

[DonNicoJs]

@gelinger777 not that I am aware of, take a look at other plugins and take in consideration what I listed above

[gelinger777]

Any Ideas how to use this one?

https://github.com/mapshakers/leaflet-mapkey-icon ?

As I understood would need to write a wrapper, for that, am I right?

[DonNicoJs]

@gelinger777 you don't need any plugin for this one, just import css and js and assign the icon to LMarker