lit-forest / leaflet.migrationLayer

Migration data visualization on map

leaflet.migrationLayer

leafet.migrationLayer is used to show migration data such as population, flight, vehicle, traffic and so on. Data visualization on map.

Supported Browsers

Internet Explorer 10+
Google Chrome
Safari
Firefox

Demo online

A demo is available on the Github Pages webpage for leaflet.migrationLayer Check out demo!.

Usage

1.Include the JavaScript files located in \dist directory.

<script src="./dist/leaflet.migrationLayer.js"></script>

2.Create a new migrationLayer

var migrationLayer = new L.migrationLayer({
    map: map,
    data: data
})

3.update or set data to migrationLayer

migrationLayer.setData(newData);

4.hide migrationLayer

migrationLayer.hide();

5.show migrationLayer

migrationLayer.show();

6.pause migrationLayer animation

migrationLayer.pause();

7.play migrationLayer animation

migrationLayer.play();

8.destroy migrationLayer

migrationLayer.destroy();

API(options)

option	Description	Default Value	Possible values	Required
map	the map obj	null	Map	yes
data	data for migrationLayer	null	Json	yes
pulseRadius	the pulse radius	25	any number>0	no
pulseBorderWidth	pulse border width	3	any number>0	no
arcWidth	arc width	1	any number>0	no
arcLabel	show from and to label	true	Bool	no
arcLabelFont	label font and size	'15px sans-serif'	'size font'	no
maxWidth	the max width of arc	10	any number>1	no

data format

data = [{"from":[-118.2705,33.9984],"to":[-122.789336,37.920458],"labels":["Los Angeles","San Francisco"],"color":"#ff3a31","value":15}];

If the value is not undefined, the width of arc will depend on the value.

Leaflet Version

Requires Leaflet 1.0.2 or newer

License

MIT.