@nteract/transform-geojson
This package contains a React component that renders GeoJSON data into interactive maps using Leaflet.
Installation
$ yarn add @nteract/transform-geojson
$ npm install --save @nteract/transform-geojson
Usage
The example below shows how we can use the transform to render two coordinates on a map with a pop-up.
import GeoJSONTransform from "@nteract/transform-geojson";
export default () => {
return (
<GeoJSONTransform
data={{
type: "FeatureCollection",
features: [
{
type: "Feature",
properties: {
popupContent: "18th & California Light Rail Stop"
},
geometry: {
type: "Point",
coordinates: [-104.98999178409576, 39.74683938093904]
}
},
{
type: "Feature",
properties: {
popupContent: "20th & Welton Light Rail Stop"
},
geometry: {
type: "Point",
coordinates: [-104.98689115047453, 39.747924136466565]
}
}
]
}}
metadata={true}
/>
);
};Documentation
We're working on adding more documentation for this component. Stay tuned by watching this repository!
Support
If you experience an issue while using this package or have a feature request, please file an issue on the issue board and add the pkg:transform-geojson label.