Working with PostGIS data from within Leaflet.js (or any other client side mapping API)

This 3-part mini-course is my attempt to explain the basic concepts of working with PostGIS data from within the Leaflet.js mapping API.  Technically this is not Leaflet programming. In this scenario Leaflet.js simply becomes the canvas on which your geospatial data is displayed on a web map.  All of the interaction with the geospatial data occur through very common and standard methods of working with enterprise level databases, but with a geospatial twist. Continue reading “Working with PostGIS data from within Leaflet.js (or any other client side mapping API)”

New Course: Mobile GIS and Mapping Applications with Leaflet

Mobile GIS and Mapping Applications with Leaflet

This course is available now on Udemy.com. It will show you how to create a mobile specific mapping application using Leaflet.js including

  • Formatting your web application for mobile device screens
  • Understanding touch screens and adapting your web app for them
  • Making your web app look and feel like a native application
  • Detecting if the user is using a mobile device
  • Detecting if the user is online or not
  • Getting the most out of geolocation
  • Adding simple charts to your application
  • Using web storage to save the state of your application
  • Using web storage to store local versions of vector data
  • Using the Application Cache API to load a local version of your application for off-line use
  • Creating custom base maps with QGIS and QTiles
  • Adding custom base maps to the application cache for offline use

Continue reading “New Course: Mobile GIS and Mapping Applications with Leaflet”

Adding Legends to your Leaflet Web Map

I’ve just added a bonus lecture to my course on client side programming with Leaflet.  I had a student ask about creating legends for Leaflet maps and I agreed that this was an important missing piece that I had neglected in the main part of the course. I want this course to be comprehensive and so my intention is to continue adding and updating content as needed to provide the best value for my students. Continue reading “Adding Legends to your Leaflet Web Map”

Spatial analysis in Leaflet with Turf.js (Part 3 – Line intersection)

In this video I demonstrate how to use  Turf.js to  return the intersection of lines and polygons.  There is not a straightforward way to perform this analysis in Turf.js but Turf.js is better thought of as a toolbox than a packaged solution. And turf.js does provide a number of tools that can be used in conjunction to perform this analysis. Continue reading “Spatial analysis in Leaflet with Turf.js (Part 3 – Line intersection)”

New Course! Leaflet.js client-side programming.

Display and analyze GIS data on the web with Leaflet.js. For FREE!!!!

This course is available now on Udemy.com. It will show you how to add a web map to a web page using Leaflet.js including

  • Geolocation methods
  • Native and plugin map controls
  • Base maps
  • Adding raster data
  • Vector layers
  • Group layers
  • Native leaflet styling options
  • Plugin styling options
  • Loading GeoJSON files
  • Searching
  • Filtering
  • Nearest feature
  • Geoprocessing with Turf.js

Continue reading “New Course! Leaflet.js client-side programming.”

Leaflet Basemaps

One of the reasons to use Leaflet as your JavaScript mapping API is the large number of basemaps available.

This includes very useful basemaps, showing streets, topography, cities, borders, aerial imagery, etc. that you can overlay your data on.

There are also a number of fun and artistic basemaps available, such as the heavy metal themed Spinal Map, artistic water color maps, old-timey pioneer themed maps, and others.

You can see a live version of about 20 of these basemaps at https://millermountain.com/basemap/.

Continue reading “Leaflet Basemaps”