pimterry / leaflet-map-server-component

A server component for server-rendering leaflet maps

leaflet-map-server-component

A server component for server-rendering leaflet maps

How to use this component

This component statically renders a map. It uses the client-side Leaflet library, running entirely inside a Domino-based server-side DOM, serving up the rendered HTML output.

To use it, install it from NPM with npm install leaflet-map-server-component and just render:

<leaflet-map lat="41.3851" long="2.1734" zoom="12">
    <leaflet-marker lat="41.4036" long="2.1744"></leaflet-marker>
    <leaflet-marker lat="41.4225" long="2.1186"></leaflet-marker>
    <leaflet-marker lat="41.3640" long="2.1675"></leaflet-marker>    
</leaflet-map>

Don't have server components set up yet? Take a look in demo.js for a working example of the whole setup.

Want to see it in action right now? Clone this repo and run npm install && npm run dev to start the server and see the result.

Coming soon:

• Map shape overlays
• Magically autoresize the map when rendering

leaflet-map-server-component's Issues

How to convert the map to an image (server-side)

Nice work!

Wanted to have a look whether I could use your work to create a node-based WMS server? What do you think? In that case, I should be able to create images on the fly and render them. Is that already possible?

And in your article (part 1 and part 2 - maybe you can include a link in the readme), you mention that you are going to add more functionality. Maybe a markerclusterer, as was done here). When are you planning to do so?