leaflet.migrationLayer

KO | EN

gitlite — search

#javascript #python #react #ai #llm #android #linux #macos #java #cli #awesome-list #security #mcp #ios

leaflet.migrationLayer

(★ 136)

Migration data visualization on map

File Explorer

Download Latest Version (.zip)

- leaflet.migrationLayer.js
- leaflet.css
- leaflet.js
- src.js
.gitignore
demo.gif
index.html
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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!](https://lycheelin.github.io/leaflet.migrationLayer/).

## Usage     
1.Include the JavaScript files located in ```\dist``` directory.
```html
<script src="./dist/leaflet.migrationLayer.js"></script>
```    
2.Create a new migrationLayer
```js
var migrationLayer = new L.migrationLayer({
    map: map,
    data: data
})
```     
3.update or set data to migrationLayer
```js
migrationLayer.setData(newData);
```   
4.hide migrationLayer       
```js
migrationLayer.hide();
```   
5.show migrationLayer       
```js
migrationLayer.show();
```   
6.pause migrationLayer animation  
```js
migrationLayer.pause();
```   
7.play migrationLayer animation
```js
migrationLayer.play();
```   
8.destroy migrationLayer     
```js
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

```js
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.

leaflet.migrationLayer

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

leaflet.migrationLayer

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README