React leaflet v3 wrapper of leaflet-kml.
The current version of this library supports React Leaflet v3.
If you are using React Leaflet v2, please use the previous version of this library. Please see the documentation here:
https://github.com/aviklai/react-leaflet-kml/tree/v1
run npm install --save react-leaflet-kml
Usage example:
import * as React from 'react';
import { MapContainer } from 'react-leaflet';
import ReactLeafletKml from 'react-leaflet-kml';
const kmlText='YOUR KML FILE AS TEXT';
const parser = new DOMParser();
const kml = parser.parseFromString(kmlText, 'text/xml');
export const App = () => {
return (
<MapContainer zoom={15} center={[45, 20]}>
<TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
attribution="© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors"
/>
<ReactLeafletKml kml={kml} />
</MapContainer>
);
};