Category: Leaflet

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.


A Leaflet map with Node.js, MongoDB and Heroku

Back from an amazing FOSS4G 2016 conference in Bonn – if you have not yet been to a FOSS4G conference, I would highly recommend you attend the event at some stage, if not the international conference which is in Boston (2017), then look out for the national conferences. Consider presenting or holding a workshop, both these options are a great… Read more →

A Leaflet map with Node.js and MongoDB

Based on a number of comments, and the level of interest, I have updated this tutorial which I originally posted in 2014 addressing items, including, amongst other things, removing Mapbox libraries and updating the template engine from jade to pug. Please get in touch via email or comments if you have any feedback. I wanted to explore the Node.js environment… Read more →

FOSS4G 2016 Bonn – Workshop

I am presenting a workshop entitled – A Leaflet map with Node.js, MongoDB and Heroku, it is scheduled for Tuesday 23rd Morning 9:00-13:00. There are 20 places available. Abstract: A fun introduction to building a simple slippy map application with Node.js and MongoDB, using Heroku – a platform as a service (PaaS) that enables developers to build and run applications… Read more →

Mapbox GoPro map

I was fortunate enough to have attended a FOSS4G 2014 workshop by Rafa Gutierrez on Leaflet and Mapbox JavaScript API Fundamentals. Not too long ago I came across one of Rafa’s posts entitled GoPro video maps that got me thinking more about combining map and video content – exactly what it was designed to do. An animated marker moving along… Read more →

A fullscreen Leaflet map

For a fullscreen Leaflet map, add the following CSS content to your page.

Ensure your map div tags are in place in the body of your page.

The full source code is available on GitHub   Read more →