Skip to content

Commit

Permalink
update to version 1.0.1, with leaflet 1.7.1 (#30)
Browse files Browse the repository at this point in the history
  • Loading branch information
jjimenezshaw committed Oct 3, 2020
1 parent f746bb2 commit cef82c0
Show file tree
Hide file tree
Showing 7 changed files with 58 additions and 28 deletions.
4 changes: 2 additions & 2 deletions README.md
Expand Up @@ -7,15 +7,15 @@
A Tree Layers Control for Leaflet.

## Description
This plugin extends [`Control.Layers`](http://leafletjs.com/reference-1.6.0.html#control-layers) allowing a tree structure for the layers layout. In `Control.Layers` you can only display a flat list of layers (baselayers and overlays), that is usually enough for small sets. If you have a long list of baselayers or overlays, and you want to organize them in a tree (allowing the user collapse and expand branches), this is a good option.
This plugin extends [`Control.Layers`](http://leafletjs.com/reference-1.7.1.html#control-layers) allowing a tree structure for the layers layout. In `Control.Layers` you can only display a flat list of layers (baselayers and overlays), that is usually enough for small sets. If you have a long list of baselayers or overlays, and you want to organize them in a tree (allowing the user collapse and expand branches), this is a good option.

[Some live examples here](https://jjimenezshaw.github.io/Leaflet.Control.Layers.Tree/examples/)

## Installation
Using npm for browserify `npm install leaflet.control.layers.tree` (and `require('leaflet.control.layers.tree')`), or just download `L.Control.Layers.Tree.js` and `L.Control.Layers.Tree.css` and add a script and link tag for it in your html.

## Compatibility
This plugin has been tested with Leaflet 1.0.3, 1.1.0, 1.2.0, 1.3.1., 1.4.0, 1.5.1 and 1.6.0
This plugin has been tested with Leaflet 1.0.3, 1.1.0, 1.2.0, 1.3.1., 1.4.0, 1.5.1, 1.6.0 and 1.7.1

## Usage
1. Create your layers. Do this as usual.
Expand Down
2 changes: 1 addition & 1 deletion bower.json
@@ -1,6 +1,6 @@
{
"name": "leaflet.control.layers.tree",
"version": "1.0.0",
"version": "1.0.1",
"description": "Control Layers in a Tree structure",
"homepage": "https://github.com/jjimenezshaw/Leaflet.Control.Layers.Tree",
"authors": [
Expand Down
4 changes: 2 additions & 2 deletions examples/airports.html
Expand Up @@ -4,8 +4,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leaflet Layers Tree Demo: Airports in Europe</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet-src.js" crossorigin=""></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet-src.js" crossorigin=""></script>
<!--link rel="stylesheet" href="../../Leaflet/dist/leaflet.css" crossorigin=""/>
<script src="../../Leaflet/dist/leaflet-src.js" crossorigin=""></script-->

Expand Down
4 changes: 2 additions & 2 deletions examples/basic.html
Expand Up @@ -4,8 +4,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leaflet Layers Tree Basic Demo</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet-src.js" crossorigin=""></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet-src.js" crossorigin=""></script>

<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0; }
Expand Down
4 changes: 2 additions & 2 deletions examples/options.html
Expand Up @@ -4,8 +4,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Leaflet Layers Tree Demo</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet-src.js" crossorigin=""></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet-src.js" crossorigin=""></script>

<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0; }
Expand Down
64 changes: 47 additions & 17 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions package.json
@@ -1,6 +1,6 @@
{
"name": "leaflet.control.layers.tree",
"version": "1.0.0",
"version": "1.0.1",
"description": "Control Layers in a Tree structure",
"main": "L.Control.Layers.Tree.js",
"style": "L.Control.Layers.Tree.css",
Expand Down Expand Up @@ -33,7 +33,7 @@
"eslint": "^4.19.1",
"eslint-plugin-html": "^4.0.6",
"happen": "^0.3.2",
"leaflet": "^1.6.0",
"leaflet": "^1.7.1",
"mocha": "^5.2.0",
"mocha-phantomjs-core": "^2.1.2",
"phantomjs-prebuilt": "^2.1.16"
Expand Down

0 comments on commit cef82c0

Please sign in to comment.