All Projects → wbkd → Leaflet Swoopy

wbkd / Leaflet Swoopy

Licence: mit
⤵️ Swoopy Arrow Plugin for Leaflet

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Leaflet Swoopy

Leaflet Dvf
Leaflet Data Visualization Framework
Stars: ✭ 678 (+1203.85%)
Mutual labels:  data-visualization, dataviz, maps, leaflet
Heatmap.js
🔥 JavaScript Library for HTML5 canvas based heatmaps
Stars: ✭ 5,685 (+10832.69%)
Mutual labels:  data-visualization, dataviz, leaflet
Amcharts4
The most advanced amCharts charting library for JavaScript and TypeScript apps.
Stars: ✭ 907 (+1644.23%)
Mutual labels:  data-visualization, dataviz, maps
mapus
A map tool with real-time collaboration 🗺️
Stars: ✭ 2,687 (+5067.31%)
Mutual labels:  annotation, maps, leaflet
Live Charts
Simple, flexible, interactive & powerful charts, maps and gauges for .Net
Stars: ✭ 5,045 (+9601.92%)
Mutual labels:  data-visualization, maps
Prunecluster
Fast and realtime marker clustering for Leaflet
Stars: ✭ 473 (+809.62%)
Mutual labels:  maps, leaflet
Keen Js
https://keen.io/ JavaScript SDKs. Track users and visualise the results. Demo http://keen.github.io/keen-dataviz.js/
Stars: ✭ 588 (+1030.77%)
Mutual labels:  data-visualization, dataviz
Ui Leaflet
AngularJS directive to embed an interact with maps managed by Leaflet library
Stars: ✭ 315 (+505.77%)
Mutual labels:  maps, leaflet
Explorer
Data Explorer by Keen - point-and-click interface for analyzing and visualizing event data.
Stars: ✭ 725 (+1294.23%)
Mutual labels:  data-visualization, dataviz
Agentmaps
Make social simulations on interactive maps with Javascript! Agent-based modeling for the web.
Stars: ✭ 822 (+1480.77%)
Mutual labels:  maps, leaflet
Leaflet
🍃 JavaScript library for mobile-friendly interactive maps
Stars: ✭ 32,591 (+62575%)
Mutual labels:  maps, leaflet
Mapboard
A framework for data-rich web mapping 🌎📊✨
Stars: ✭ 29 (-44.23%)
Mutual labels:  maps, leaflet
Offlinemap
基于MySQL + Node.js + Leaflet的离线地图展示,支持百度、谷歌、高德、腾讯地图
Stars: ✭ 343 (+559.62%)
Mutual labels:  maps, leaflet
React Jsx Highcharts
Highcharts built with proper React components
Stars: ✭ 336 (+546.15%)
Mutual labels:  data-visualization, dataviz
Django Leaflet
Use Leaflet in your Django projects
Stars: ✭ 563 (+982.69%)
Mutual labels:  maps, leaflet
Leaflet.timedimension
Add time dimension capabilities on a Leaflet map.
Stars: ✭ 329 (+532.69%)
Mutual labels:  maps, leaflet
Ngx.leaflet.component
angular 2+ / leaflet 1.x component collection
Stars: ✭ 46 (-11.54%)
Mutual labels:  maps, leaflet
Data2viz
An Android, JavaFx, JS multiplatform datavisualization library with comprehensive DSL
Stars: ✭ 300 (+476.92%)
Mutual labels:  data-visualization, dataviz
Ggpage
Creates Page Layout Visualizations in R 📄📄📄
Stars: ✭ 306 (+488.46%)
Mutual labels:  data-visualization, dataviz
Biolitmap
Code for the paper "BIOLITMAP: a web-based geolocated and temporal visualization of the evolution of bioinformatics publications" in Oxford Bioinformatics.
Stars: ✭ 18 (-65.38%)
Mutual labels:  data-visualization, maps

⤵️ Leaflet Swoopy Arrow Plugin

You can find the docs on the plugin website.

swoopy screenshot

Installation

You need Leaflet in order to run this plugin.

Install with npm/yarn:

$ npm install leaflet-swoopy

Or download the minified library from unpkg or jsDelivr.

<script src="https://unpkg.com/leaflet-swoopy"></script>

Usage

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);
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].