In this video I demonstrate how to use Turf.js to summarize the characteristics of the points inside a polygon using the turf collect method and discuss a couple other relevant methods in turf for dealing with point in polygon type analyses. Continue reading “Spatial Analysis in Leaflet using Turf.js (Part 2)”
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/.
Spatial Analysis in Leaflet using Turf.js
This video explains the basics of Turf.js. Turf.js is a spatial analysis library for JavaScript. You can use Turf.js in web mapping applications to create buffers, intersect and union polygons, dissolve on attributes, perform spatial joins, and much more. Continue reading “Spatial Analysis in Leaflet using Turf.js”
Filtering data in Leaflet
This video shows an example of how to filter data in Leaflet using HTML radio buttons to make a selection. This is analagous to using a definition query in ArcGIS or a filter feature in QGIS. We are limiting which data is included in a feature group based on its attributes. Continue reading “Filtering data in Leaflet”
Displaying YOUR GIS data in a leaflet map (pt 2 – lines and polygons)
This video shows how to load your line and polygon GIS data into a leaflet web map, This requires using the Leaflet.Ajax plug-in. I also demonstrate the basics of styling and filtering line and polygon data. Continue reading “Displaying YOUR GIS data in a leaflet map (pt 2 – lines and polygons)”
Displaying YOUR GIS data in a leaflet web map (pt 1- Points)
This video shows how to export your GIS data to a GeoJSON text file and load it into a leaflet web map, This requires using the Leaflet.Ajax plug-in. I also demonstrate the basics of styling and filtering point data. Continue reading “Displaying YOUR GIS data in a leaflet web map (pt 1- Points)”
Working with images in Leaflet
Tiled map services that cover the entire planet are great as background maps to provide spatial context for your GIS data in leaflet. But what do you do, if you have your own images that you want to display in a web map? Continue reading “Working with images in Leaflet”
Client Server Architecture for Web GIS
How is programming for the web different than programming for a single computer?
If you want to create web GIS applications you need to understand the basics of client-server architecture
What does the client do?
What does the server do?
How do the client and server communicate?
What implications does all of this have for web GIS applications?
What is GeoJSON and why should you care?
GeoJSON is a core technology in web GIS. It allows vector data to be stored in a text-based format that is easily handled in JavaScript, sent across the internet, or stored in a database (including web storage). Continue reading “What is GeoJSON and why should you care?”