{"id":22419724,"url":"https://github.com/lit-forest/leaflet.migrationlayer","last_synced_at":"2025-12-12T04:30:16.484Z","repository":{"id":46875437,"uuid":"78929090","full_name":"lit-forest/leaflet.migrationLayer","owner":"lit-forest","description":"Migration data visualization on map","archived":false,"fork":false,"pushed_at":"2024-06-11T09:45:41.000Z","size":8686,"stargazers_count":139,"open_issues_count":13,"forks_count":44,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-12-14T16:08:16.268Z","etag":null,"topics":["canvas","data-visualization","leaflet"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lit-forest.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-14T08:38:41.000Z","updated_at":"2024-11-08T04:42:06.000Z","dependencies_parsed_at":"2022-08-31T02:01:02.576Z","dependency_job_id":null,"html_url":"https://github.com/lit-forest/leaflet.migrationLayer","commit_stats":null,"previous_names":["react-map/leaflet.migrationlayer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lit-forest%2Fleaflet.migrationLayer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lit-forest%2Fleaflet.migrationLayer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lit-forest%2Fleaflet.migrationLayer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lit-forest%2Fleaflet.migrationLayer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lit-forest","download_url":"https://codeload.github.com/lit-forest/leaflet.migrationLayer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231439030,"owners_count":18376836,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","data-visualization","leaflet"],"created_at":"2024-12-05T16:16:36.747Z","updated_at":"2025-12-12T04:30:16.419Z","avatar_url":"https://github.com/lit-forest.png","language":"JavaScript","readme":"# leaflet.migrationLayer\nleafet.migrationLayer is used to show migration data such as population, flight, vehicle, traffic and so on. Data visualization on map.\n\n\u003cimg src='./demo.gif'/\u003e\n\n## Supported Browsers   \nInternet Explorer 10+     \nGoogle Chrome     \nSafari    \nFirefox        \n\n## Demo online   \nA demo is available on the Github Pages webpage for leaflet.migrationLayer [Check out demo!](https://lycheelin.github.io/leaflet.migrationLayer/).\n\n## Usage     \n1.Include the JavaScript files located in ```\\dist``` directory.\n```html\n\u003cscript src=\"./dist/leaflet.migrationLayer.js\"\u003e\u003c/script\u003e\n```    \n2.Create a new migrationLayer\n```js\nvar migrationLayer = new L.migrationLayer({\n    map: map,\n    data: data\n})\n```     \n3.update or set data to migrationLayer\n```js\nmigrationLayer.setData(newData);\n```   \n4.hide migrationLayer       \n```js\nmigrationLayer.hide();\n```   \n5.show migrationLayer       \n```js\nmigrationLayer.show();\n```   \n6.pause migrationLayer animation  \n```js\nmigrationLayer.pause();\n```   \n7.play migrationLayer animation\n```js\nmigrationLayer.play();\n```   \n8.destroy migrationLayer     \n```js\nmigrationLayer.destroy();\n```   \n\n## API(options)   \n\n| option          | Description            | Default Value    | Possible  values         | Required       |\n| --------------- | ---------------------- | -----------------| ------------------------ | -------------- | \n| map             | the map obj            | null             | Map                      | yes            |\n| data            | data for migrationLayer| null             | Json                     | yes            | \n| pulseRadius     | the pulse radius       | 25               | any number\u003e0             | no             |\n| pulseBorderWidth| pulse border width     | 3                | any number\u003e0             | no             |\n| arcWidth        | arc width              | 1                | any number\u003e0             | no             |\n| arcLabel        | show from and to label | true             | Bool                     | no             |\n| arcLabelFont    | label font and size    | '15px sans-serif'| 'size font'              | no             |\n| maxWidth        | the max width of arc   | 10               | any number\u003e1             | no             |\n\n## data format\n\n```js\ndata = [{\"from\":[-118.2705,33.9984],\"to\":[-122.789336,37.920458],\"labels\":[\"Los Angeles\",\"San Francisco\"],\"color\":\"#ff3a31\",\"value\":15}];\n```\n\nIf the value is not undefined, the width of arc will depend on the value.\n\n## Leaflet Version     \nRequires Leaflet 1.0.2 or newer   \n\n## License   \nMIT.    \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flit-forest%2Fleaflet.migrationlayer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flit-forest%2Fleaflet.migrationlayer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flit-forest%2Fleaflet.migrationlayer/lists"}