OnlineMapMaker logo

GeoJSON Viewer — View, Click, and Style Your GeoJSON Data

Upload a .geojson file, drag and drop it onto the map, or paste raw GeoJSON text, and see every point, line and polygon rendered instantly. Click any feature to read its attributes, change the color, line thickness and fill, and download a styled copy — fast, in your browser, with no extra program needed. Open in full screen ↗

Rate this tool:
Advertisement
Advertisement
Loading map…
Need assistance with your GIS project?Explore Our Services

What Is GeoJSON, and Why Use a Viewer

GeoJSON is a simple, open text format for storing map shapes: points, lines and polygons, each with a set of properties attached. It is the format behind most modern web maps, GitHub's built-in map preview, and countless GIS and developer tools. But a raw GeoJSON file is just text — hundreds or thousands of coordinate numbers in a row. This viewer turns that text into a real map you can see, click, and understand, without opening a code editor or a full desktop GIS program.

Real-World Use Cases

A GeoJSON viewer is one of the most reached-for tools in any map-related workflow. Here is where it earns its place:

📰
Data Journalism
Journalists and newsroom data teams quickly preview a GeoJSON file received from a government open-data portal or a public records request, checking it actually contains what a source claimed before building a story map around it.
🧪
API and Geocoding Testing
Developers paste a raw GeoJSON response straight from a geocoding, routing, or spatial API into the tool to visually confirm the API returned the right shape in the right place, without writing any test code.
🏗️
Construction and Site Planning
Site planners and surveyors view parcel boundaries, utility lines and survey points exported as GeoJSON from field software, checking a site's shape and attached notes before a meeting or a permit submission.
🏛️
Open Data and Government Portals
Civic tech teams and open-data publishers spot-check a GeoJSON export — district boundaries, zoning layers, transit routes — for accuracy and completeness before publishing it for public download.
🌐
Web Map Development
Front-end and GIS developers check the exact shape, position and property names of a GeoJSON file before wiring it into Leaflet, Mapbox GL JS, or another mapping library, catching bad geometry before it ever reaches production code.
🎓
GIS Teaching and Learning
Students and self-taught GIS learners open sample GeoJSON files to see exactly how coordinates, geometry types and properties fit together, using the click-to-inspect popup as a hands-on way to learn the format.
🚚
Logistics and Delivery Planning
Operations teams view delivery routes, service zones and depot locations exported as GeoJSON from a routing system, clicking each route to confirm timing and vehicle details are attached correctly.
🛰️
Satellite and Drone Data QA
Remote sensing and drone mapping teams check GeoJSON footprints, flight paths, and detected-object outlines exported from analysis pipelines, confirming coordinates and properties before handing data to a client.

Step by Step

Step 1: Open the tool
1
Step 1
Open the tool
The map opens on a world view with no data yet. The toolbar at the top has Upload, Paste GeoJSON, Sample Data and a basemap switch. The sidebar holds the data info, style controls, and export button.
Step 2: Load your GeoJSON
2
Step 2
Load your GeoJSON
Upload a file, drag and drop it onto the map, paste raw GeoJSON text, or click "Sample Data" to try the tool right away.
Step 3: Watch the map zoom to fit
3
Step 3
Watch the map zoom to fit
As soon as your data loads, the map automatically zooms and pans to show every feature at once.
Step 4: Click a feature
4
Step 4
Click a feature
Click any point, line or polygon to open a popup with all of its properties. The clicked shape gets a bright highlight outline so it's easy to spot.
Step 5: Check the Data Info panel
5
Step 5
Check the Data Info panel
The sidebar shows the feature count, the geometry types found (Point, Line, Polygon, or a mix), and the attribute field names in your data.
Step 6: Change the color
6
Step 6
Change the color
Pick a swatch or use the color picker to recolor every feature on the map at once.
Step 7: Adjust thickness and fill
7
Step 7
Adjust thickness and fill
Use the Line Thickness and Fill Opacity sliders to fine-tune how bold or subtle the styling looks.
Step 8: Zoom to features anytime
8
Step 8
Zoom to features anytime
Click "Zoom to Features" in the sidebar to snap the view back to your data, wherever you've panned to.
Step 9: Download your styled file
9
Step 9
Download your styled file
Click "Download Styled GeoJSON" to save a copy of your data with your color and style choices written into it.

How This Tool Reads Your Data

As soon as you load a file, drop it, or paste text, the tool reads the GeoJSON structure, places every feature on the map, and fits the view to show all of it at once. Nothing is uploaded anywhere — the reading, drawing, and styling all happen inside your own browser tab.

What Counts as Valid GeoJSON

The tool accepts a FeatureCollection, a single Feature, or a bare Geometry (Point, LineString, Polygon, and their Multi- versions, plus GeometryCollection). If the text is not valid JSON, or is valid JSON that is not GeoJSON, you get a clear message explaining which of those two problems it is, instead of a blank map.

Why Coordinates Must Be in WGS84

The GeoJSON standard requires coordinates in WGS84 longitude/latitude — the same system used by GPS and every normal web map. Some export tools save GeoJSON in a different, "projected" coordinate system by mistake, with numbers in the hundreds of thousands instead of normal longitude/latitude values. If this tool spots coordinates far outside the normal range, it warns you right away, so a blank or oddly placed map does not leave you guessing.

See Feature Information by Clicking

Click any point, line, or polygon on the map and a popup opens showing every property attached to that feature — names, categories, numbers, dates, anything stored in the data. The clicked feature is also highlighted with a bright outline so you always know exactly which shape the popup belongs to, even in a busy, overlapping dataset.

Common Questions

How big a file can I load?
Files up to 50 MB are accepted. Very large files with tens of thousands of features may take a moment to render and pan smoothly, since everything runs in your browser rather than on a server.
Is my GeoJSON data sent to a server?
No. Reading the file, drawing it on the map, and styling it all happen locally in your browser. Nothing is uploaded or stored anywhere, so it's safe to use with private or sensitive location data.
Can I paste GeoJSON instead of uploading a file?
Yes. Click "Paste GeoJSON" in the toolbar, paste in text copied from anywhere — an API response, a code editor, a chat message — and click "Load". No file needs to exist on your device at all.
Why did my file load with a warning about coordinates?
GeoJSON must use WGS84 longitude and latitude. If your file's numbers are in the hundreds of thousands (common in projected coordinate systems used by some GIS software), the tool warns you, since those coordinates will not place correctly on a normal map.
Why does clicking a feature matter so much?
A shape on a map only tells you where something is. Clicking it and reading its properties tells you what it is — a shape's real value is usually in the data attached to it, not just its outline.
What is GeoJSON, in simple words?
GeoJSON is a plain text format for storing map shapes — points, lines and polygons — together with any information you want attached to each one, like a name, a category, or a measurement. It is one of the most widely used formats for sharing map data online.
What happens with mixed geometry types in one file?
Points, lines and polygons can all be in the same file and are all shown together, each styled with the geometry-appropriate look (filled shapes for polygons, colored lines for lines, circle markers for points). The Data Info panel lists every geometry type found.
Does changing the color edit my original file?
No. Color, line thickness and fill opacity are applied only inside the viewer. Your original file stays exactly as it was unless you click "Download Styled GeoJSON" to save a new, separate copy with the styling included.
Can I view a Feature or a bare Geometry, not just a FeatureCollection?
Yes. The tool accepts a full FeatureCollection, a single Feature, or a bare Geometry object, and wraps whichever one you give it so it displays the same way on the map.
Can I still use this if I don't know GIS or GeoJSON well?
Yes. Click "Sample Data" to see a working example immediately, then click around the sample features to see how the popup and properties work before trying your own file.
Why does my file get rejected as invalid?
This happens for one of two reasons: the text is not valid JSON at all (a missing bracket, quote or comma), or it is valid JSON that is not a GeoJSON Feature, FeatureCollection or Geometry. The error message tells you which case applies.
What does "Download Styled GeoJSON" actually add to my file?
It adds simplestyle-spec properties — stroke, fill, stroke-width, fill-opacity and marker-color — to every feature, using your current color and style settings. Any tool that supports simplestyle, including GitHub and geojson.io, will then show your file with the same colors automatically.
Advertisement
Advertisement

Exporting Your Styled GeoJSON

Click "Download Styled GeoJSON" to save your data with the current color, line thickness and fill opacity written into each feature using the simplestyle-spec property names (stroke, fill, stroke-width, fill-opacity, marker-color). Tools that understand simplestyle, including GitHub's map preview and geojson.io, will pick up your styling automatically — the color choices you made here travel with the file.

Three Ways to Load Your Data

Get your GeoJSON onto the map with whichever method is fastest for you:

  • Upload or drag and drop: Click "Upload" and choose a .geojson or .json file, or drag the file straight onto the map from your file browser.
  • Paste raw GeoJSON text: Click "Paste GeoJSON", then paste text copied from an API response, a code editor, or a tool like geojson.io, and click "Load". No file needed at all.

No data ready yet? Click "Sample Data" to load a small demo set with a park polygon, a delivery route line, and two point locations, so you can try clicking, coloring, and exporting right away.

Advertisement
Advertisement

Changing the Color and Style of Your Data

Three controls in the sidebar let you restyle the whole dataset instantly, without touching the underlying file:

  • Color: pick any color from the swatches or the color picker. It applies to lines, polygon fills and outlines, and point markers straight away.
  • Line Thickness: make outlines and lines thinner or thicker, from a hairline to a bold, poster-ready stroke.
  • Fill Opacity: control how solid or see-through polygon fills are, from a light wash to a fully solid color.

Every change applies live to the data already on the map, so you can try several looks in seconds before deciding on one.

Advertisement
Advertisement

More Tools You Might Like

Map tiles © OpenStreetMap contributors, drawn with Protomaps (hosted by KONAKTIVE), with CARTO as the fallback. Satellite imagery: Esri. Map rendering: Leaflet. Your files are read in your browser and are never uploaded to a server.

Muhammad Gulraiz Khan, GIS Expert and Founder of KONAKTIVE and OnlineMapMaker.com

About the Author

Muhammad Gulraiz Khan

GIS Expert & Consultant · Founder, KONAKTIVE

Muhammad Gulraiz Khan is a GIS expert with over a decade of professional experience delivering geospatial solutions for the energy sector, including projects for the World Bank, the International Finance Corporation (IFC), and USAID. He built OnlineMapMaker.com to make professional-grade mapping tools free and accessible to everyone.

Advertisement
Advertisement