'OpenLayers: The Open Source Option of Adding Maps on Websites'
summary
Shows how to build interactive web maps with OpenLayers 7.1.0 using either the npm package or vanilla JS, loading OpenStreetMap tiles as the raster base and adding GeoJSON as a vector source. Demonstrates creating points (radius 5, red), lines (green stroke), and dashed blue polygons with rgba fills, explains EPSG 3857 vs 4326 and using PostGIS for storage, and wires in turf.js to place circles programmatically (every 200 m) for basic spatial analysis.
AI-written summary · about
chapters (7)
- 0:00OpenLayers and GIS intro
- 4:42OpenLayers setup with base map
- 6:24GIS data types
- 10:04Map object and view config
- 15:05Layers and data visualization
- 17:33Styling map features
- 21:28Advanced OpenLayers features
related talks
01h 34mBuild a Web Map with Open Source Tools
27mA Developer’s Guide to Open Source Web Mapping Libraries
25mWeb Maps - Putting the M in Angular web apps!
41mA Developer's Guide to Open Source Web Mapping Libraries
01h 41mOpenStreetWhat? Mapping The World With Open Data
32m"A Developer's Guide to Open Source Web Mapping Libraries"
30mMaps, Maps, Maps!
18mBuilding Maps with Impact on React and the JAMstack