https://github.com/wbkd/leaflet-swoopy

:arrow_heading_down: Swoopy Arrow Plugin for Leaflet
https://github.com/wbkd/leaflet-swoopy

annotation data-visualization dataviz leaflet maps swoopy

Last synced: 28 days ago
JSON representation

:arrow_heading_down: Swoopy Arrow Plugin for Leaflet

• Host: GitHub
• URL: https://github.com/wbkd/leaflet-swoopy
• Owner: wbkd
• License: mit
• Created: 2017-08-30T10:36:41.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-08-15T19:37:17.000Z (over 5 years ago)
• Last Synced: 2024-04-14T04:48:35.336Z (8 months ago)
• Topics: annotation, data-visualization, dataviz, leaflet, maps, swoopy
• Language: JavaScript
• Homepage: https://wbkd.github.io/leaflet-swoopy
• Size: 1.33 MB
• Stars: 72
• Watchers: 6
• Forks: 13
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - wbkd/leaflet-swoopy - :arrow_heading_down: Swoopy Arrow Plugin for Leaflet (data-visualization)

README

        
# :arrow_heading_down: Leaflet Swoopy Arrow Plugin

You can find the docs on the plugin [website](https://wbkd.github.io/leaflet-swoopy/).

![swoopy screenshot](https://raw.githubusercontent.com/wbkd/leaflet-swoopy/master/docs/leaflet-swoopy-screenshot.png)

## Installation

You need [Leaflet](http://leafletjs.com/) in order to run this plugin.

Install with npm/yarn:

```shell

$ npm install leaflet-swoopy

```

Or download the minified library from [unpkg](https://unpkg.com/leaflet-swoopy/build/Leaflet.SwoopyArrow.min.js) or [jsDelivr](https://cdn.jsdelivr.net/npm/leaflet-swoopy).

```html

```

## Usage

```javascript

import L from 'leaflet';

import 'leaflet-swoopy';

// create leaflet map ...

const swoopy = L.swoopyArrow([53.52, 13.4], [53.525, 14.41], {

  label: 'Hi!',

  labelFontSize: 12,

  iconAnchor: [20, 10],

  iconSize: [20, 16]

}).addTo(map);

```