1.0.9 • Published 1 year ago
leaflet-kmz v1.0.9
leaflet-kmz
A KMZ file loader for Leaflet Maps
For a working example see one of the following demos:
How to use
- include CSS & JavaScript
<head> ... <style> html, body, #map { height: 100%; width: 100%; padding: 0; margin: 0; } </style> <!-- Leaflet (JS/CSS) --> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"> <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script> <!-- Leaflet-KMZ --> <script src="https://unpkg.com/leaflet-kmz@latest/dist/leaflet-kmz.js"></script> ... </head>
- choose a div container used for the slippy map
<body> ... <div id="map"></div> ... </body>
create your first simple “leaflet-kmz” slippy map
<script> var map = L.map('map', { preferCanvas: true // recommended when loading large layers. }); map.setView(new L.LatLng(43.5978, 12.7059), 5); var OpenTopoMap = L.tileLayer('https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', { maxZoom: 17, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, <a href="http://viewfinderpanoramas.org">SRTM</a> | Map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>)', opacity: 0.90 }); OpenTopoMap.addTo(map); // Instantiate KMZ layer (async) var kmz = L.kmzLayer().addTo(map); kmz.on('load', function(e) { control.addOverlay(e.layer, e.name); // e.layer.addTo(map); }); // Add remote KMZ files as layers (NB if they are 3rd-party servers, they MUST have CORS enabled) kmz.load('https://raruto.github.io/leaflet-kmz/examples/regions.kmz'); kmz.load('https://raruto.github.io/leaflet-kmz/examples/capitals.kmz'); kmz.load('https://raruto.github.io/leaflet-kmz/examples/globe.kmz'); var control = L.control.layers(null, null, { collapsed:false }).addTo(map); </script>
Notes:
- supported file formats: .kmz, .kml
- to be able to use Google files (eg. through Google My Maps) you MUST use a valid third-party kml proxy server
Compatibile with: leaflet@1.6.0, jszip@3.2.0, @tmcw/togeojson@4.1.0
Contributors: A-Lurker, BrandonXiang, Raruto
1.0.9
1 year ago
1.0.8
2 years ago
1.0.7
3 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago
0.3.9
4 years ago
0.3.8
4 years ago
0.3.7
4 years ago
0.3.6
4 years ago
0.3.5
4 years ago
0.3.4
4 years ago
0.3.3
4 years ago
0.3.2
5 years ago
0.3.1
5 years ago
0.3.0
5 years ago
0.2.9
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago