How to Build a Simple Web Map with Open-Source GIS Software
A web map lets anyone pan, zoom, and click for details in a browser. If you need to share parcels, sales comps, trails, or field photos without asking people to install desktop tools, a small open-source stack does the job.
You will prepare data on your desktop, export it to a web-friendly format, and display it with a light library. The workflow takes an afternoon once you know the pieces. It starts with GIS software that is free, documented, and runs on Windows, Mac, and Linux.
What Counts as a Web Map?
A static map is an image. A web map is interactive. It combines a basemap, your data layers, and code for zooms and popups.
Most simple maps have three parts. A base map shows streets or imagery. Data layers show your points, lines, or polygons. Interaction shows attributes on click.
Choose Your Open-Source Stack
You need a desktop tool to prepare data and a browser library to show it. Hosting can be a folder of files.
Prepare Data On The Desktop
Use a desktop GIS to clean and style. QGIS reads shapefiles, GeoPackage, CSV, and PostGIS and lets you edit fields, reproject, and export GeoJSON. Keep files in one folder and use short field names.
Pick A Browser Mapping Library
Leaflet is a popular choice for beginners because it is small and well documented. It works without a server. You will write a short HTML file that loads the library, adds a basemap, and loads your GeoJSON.
Decide How You Will Host Data
For a first map, host GeoJSON next to your HTML. That avoids server setup. If data grows past a few megabytes, convert to vector tiles for faster loading.
Prepare Your Data For The Web
Web libraries expect latitude and longitude in EPSG:4326. County data often uses a state plane or UTM, so reprojects early.
Do this:
Remove columns you do not need. Fewer attributes mean smaller files.
Fix geometry errors and delete empty features.
Reproject to EPSG:4326 and export.
Simplify lines and polygons to speed loading.
Export as GeoJSON with clear names like parcels.geojson.
If you start from a spreadsheet, import as delimited text using lat and lon fields, then export as GeoJSON. Save as UTF-8.
Assemble Your Map With GIS Software
This workflow needs little code.
Install QGIS and the qgis2web plugin. Style layers as you want them online and pick three popup fields.
Make a folder for the web map and export styled layers to GeoJSON there.
Open qgis2web, choose Leaflet, set initial extent, and export. It creates index.html and data files.
Open index.html locally. Check the basemap, layer order, and popups. Adjust colors in a text editor.
Test on mobile. Keep each GeoJSON under 5 MB for fast cellular load.
You now have a map that runs by opening one file.
Style and Add Useful Interactivity
Use one basemap that does not fight your data. Light streets work for parcels. Save the satellite for when cover matters.
For polygons, use thin strokes and semi-transparent fill. For points, use simple circles. Limit the palette to three colors.
Add only useful interaction. Show APN, acreage, and status in popups. Add a layer control and scale bar if helpful. Avoid clutter.
Publish and Share Your Map
Upload the whole folder to static hosting and keep relative paths. Test on phone and desktop. Check touch, zoom, and popup readability.
Add a short note about sources and the date pulled. Version files so you can roll back if an export breaks styling.
Bring Mapping Into Land Research
You do not need costly licenses to publish a clear map. With desktop prep and a small browser library, you can go from raw files to a link and reuse the pattern for market or comp maps.
If you want to apply maps to parcel screening, pair practice with education. A free land investing course shows how investors use maps, filters, and comps to pick markets and check access. Land Portal supports that workflow by combining nationwide parcel data with land-specific filters for landlocked, flood, wetland, slope, and road frontage to speed due diligence.
Start with one county, publish, and improve based on feedback.
Frequently Asked Questions
What is the easiest way to make a web map without coding?
Use QGIS with qgis2web. Style in QGIS, pick popup fields, and export as Leaflet. The plugin writes HTML and JavaScript. Upload the folder to static hosting.
Which file format should I use for web maps?
Use GeoJSON for small- to medium-sized data because it works natively with browser libraries. For large data, switch to vector tiles. Keep GeoJSON in EPSG:4326.
Do I need a server to host my web map?
No for a simple map of HTML and GeoJSON. Static hosting is enough. You need a server only for dynamic queries or private data.
How do I keep my web map fast?
Remove unused fields, simplify geometry, and keep files small. Use a light basemap and load only layers in view.
Can I use web maps for land investing research?
Yes. Investors overlay parcels with flood, wetlands, slope, and access data to screen lots quickly and compare sales before site visits.
Comments