This converts KML & GPX to GeoJSON, in a browser or with Node.js.
- Tiny
- Tested
- Node.js + Browsers
Want to use this with Leaflet? Try leaflet-omnivore!
Convert a KML document to GeoJSON. The first argument, doc, must be a KML
document as an XML DOM - not as a string. You can get this using jQuery's default
.ajax function or using a bare XMLHttpRequest with the .response property
holding an XML DOM.
The output is a JavaScript object of GeoJSON data. You can convert it to a string with JSON.stringify or use it directly in libraries like mapbox.js.
Convert a GPX document to GeoJSON. The first argument, doc, must be a GPX
document as an XML DOM - not as a string. You can get this using jQuery's default
.ajax function or using a bare XMLHttpRequest with the .response property
holding an XML DOM.
The output is a JavaScript object of GeoJSON data, same as .kml outputs.
Install it into your path with npm install -g @mapbox/togeojson.
~> togeojson file.kml > file.geojson
Install it into your project with npm install --save @mapbox/togeojson.
// using togeojson in nodejs
var tj = require('@mapbox/togeojson'),
fs = require('fs'),
// node doesn't have xml parsing or a dom. use xmldom
DOMParser = require('xmldom').DOMParser;
var kml = new DOMParser().parseFromString(fs.readFileSync('foo.kml', 'utf8'));
var converted = tj.kml(kml);
var convertedWithStyles = tj.kml(kml, { styles: true });Download it into your project like
wget https://raw.githubusercontent.com/mapbox/togeojson/master/togeojson.js
<script src='jquery.js'></script>
<script src='togeojson.js'></script>
<script>
$.ajax('test/data/linestring.kml').done(function(xml) {
console.log(toGeoJSON.kml(xml));
});
</script>toGeoJSON doesn't include AJAX - you can use jQuery for just AJAX.
- Point
- Polygon
- LineString
- name & description
- ExtendedData
- SimpleData
- MultiGeometry -> GeometryCollection
- Styles with hashing
- Tracks & MultiTracks with
gx:coords, including altitude - TimeSpan
- TimeStamp
- NetworkLinks
- GroundOverlays
- Line Paths
- Line styles
- Properties
- 'name', 'cmt', 'desc', 'link', 'time', 'keywords', 'sym', 'type' tags
- 'author', 'copyright' tags
KML's style system isn't semantic: a typical document made through official tools
(read Google) has hundreds of identical styles. So, togeojson does its best to
make this into something usable, by taking a quick hash of each style and exposing
styleUrl and styleHash to users. This lets you work backwards from the awful
representation and build your own styles or derive data based on the classes
chosen.
Implied here is that this does not try to represent all data contained in KML styles.
The NetworkLink KML construct allows KML files to refer to other online or local KML files for their content. It's often used to let people pass around files but keep the actual content on servers.
In order to support NetworkLinks, toGeoJSON would need to be asynchronous and perform network requests. These changes would make it more complex and less reliable in order to hit a limited usecase - we'd rather keep it simple and not require users to think about network connectivity and bandwidth in order to convert files.
NetworkLink support could be implemented in a separate library as a pre-processing step if desired.
This module should support converting all KML and GPX features that have commonplace equivalents in GeoJSON.
KML is a very complex format with many features. Some of these features, like NetworkLinks, folders, and GroundOverlays, don't have a GeoJSON equivalent. In these cases, toGeoJSON doesn't convert the features. It also doesn't crash on these constructs: toGeoJSON should be able to run on all valid KML and GPX files without crashing: but for some files it may have no output.
We encourage other libraries to look into supporting these features, but support for them is out of scope for toGeoJSON.
Have a string of XML and need an XML DOM?
var dom = (new DOMParser()).parseFromString(xmlStr, 'text/xml');
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent