GeoJSON, GPX & KML Viewer
This online map viewer allows you to upload and display GeoJSON, KML, and GPX files instantly. You can drag and drop files, load them from a URL, explore feature properties, zoom to your data, and even export all layers as a single combined GeoJSON. It is fast, lightweight, and works entirely in your browser with no data stored on the server.
Supports GeoJSON, KML, GPX. Properties shown in popups. Drag files onto the top bar or click Upload.
About GeoJson, GPX & Kml Viewer
This tool is designed to help you visualize and inspect geographic data in common formats such as GeoJSON, KML, and GPX. Whether you are a developer, GIS analyst, researcher, or just exploring your GPS tracks, this viewer lets you open your files instantly on an interactive map.
All processing happens locally inside your browser. No uploads are sent anywhere, making the tool safe for private or sensitive location data.
How to Use the Viewer
1. Uploading Files
There are two simple ways to load geographic data into the viewer:
- Drag & drop GeoJSON, KML, or GPX files onto the top bar.
- Upload multiple files at once by clicking the Upload Files button and selecting files from your device.
Once a file is loaded the map will render features immediately and the sidebar will list each uploaded file.
2. Viewing and Exploring Data
After files are added:
- Each file appears as a separate entry in the sidebar with actions such as Zoom and Remove.
- Click features on the map to open a popup showing the feature's properties (name, description, timestamps, custom attributes, etc.).
- Points display as markers, lines as polylines, and polygons as shaded shapes. The viewer attempts to preserve basic styling but prioritizes clear, readable defaults.
- Double-clicking the map adds a temporary marker with precise latitude/longitude for quick reference.
How to Use the Viewer
3. Exporting Your Data
Use the Download combined GeoJSON button to export all visible layers as a single FeatureCollection. This creates a downloadable combined.geojson file that you can open in GIS tools or text editors. Exported data preserves feature properties and geometries.
4. Tips & Best Practices
- Large GPX or GeoJSON files can take longer to parse; try splitting very large datasets into smaller tiles for faster previewing.
- Use the Zoom button in the sidebar to immediately focus the map on a particular dataset's extent.
Terminology Explained
- GeoJSON
-
A JSON-based format for encoding geographic data structures. GeoJSON supports
Point,LineString,Polygon, multi-geometry types, andFeatureCollection. It is widely used for web mapping and easily consumed by JavaScript. - KML (Keyhole Markup Language)
- An XML-based format originally developed for Google Earth. KML stores placemarks, paths, polygons, and style information such as icons and colors. The viewer converts KML to GeoJSON-like structures for rendering.
- GPX (GPS Exchange Format)
- A lightweight XML format for storing GPS tracks, routes, and waypoints. GPX files are commonly exported by smartphones and GPS devices. Track elevation and timestamps (where present) are preserved when converted.
- Feature Properties
-
Key-value metadata attached to each geographic feature (for example:
name,elevation,timestamp, or custom attributes). Properties are visible in feature popups. - FeatureCollection
-
A GeoJSON object that groups multiple features into a single collection. Exporting multiple loaded layers typically produces a combined
FeatureCollection.
Example GeoJson Kml File
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"index": 1
},
"geometry": {
"type": "Point",
"coordinates": [
99.92404460906982,
12.67007254889671
]}},
{
"type": "Feature",
"properties": {
"index": 2
},
"geometry": {
"type": "Point",
"coordinates": [
99.93322849273683,
12.676185542752068
]}},
{
"type": "Feature",
"properties": {
"index": 3
},
"geometry": {
"type": "Point",
"coordinates": [
99.9366617202759,
12.66303823755202
]}},
{
"type": "Feature",
"properties": {
"index": 4
},
"geometry": {
"type": "Point",
"coordinates": [
99.92318630218507,
12.661279629392507
]}},
{
"type": "Feature",
"properties": {
"index": 5
},
"geometry": {
"type": "Point",
"coordinates": [
99.92284297943117,
12.673338413175586
]}},
{
"type": "Feature",
"properties": {
"total_distance_m": 5531.092261804393
},
"geometry": {
"type": "LineString",
"coordinates": [
[
99.92404460906982,
12.67007254889671
],
[
99.93322849273683,
12.676185542752068
],
[
99.9366617202759,
12.66303823755202
],
[
99.92318630218507,
12.661279629392507
],
[
99.92284297943117,
12.673338413175586
]
]}}
]}
No comments written yet.