@whatsaaaaa/leafletpolylinedirection

1.1.7 • Public • Published

@whatsaaaaa/leafletpolylinedirection

Leaflet plug-in to add direction arrows on existing Polylines.

Install

$ npm i @whatsaaaaa/leafletpolylinedirection

Usage

import { createDirectionIndicators } from "@whatsaaaaa/leafletpolylinedirection";

createDirectionIndicators(coordinates, mapObject, {
  numberOfIndicators: 1,
  color: "red",
});

Parameters

  • coordinates: Array
  • mapObject: Object
  • options: Object

Options

  • numberOfIndicators - Default value 1. If you want more than one indicator between two coordinates, use this property
  • color - Default 'blue'. Change the color of indicator

Recommended CSS

.direction-indicator {
  width: 8px;
  height: 8px;
}

.direction-indicator > div {
  margin-left: -1px;
  margin-top: -3px;
  transform-origin: center center;
  font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

Package Sidebar

Install

npm i @whatsaaaaa/leafletpolylinedirection

Weekly Downloads

2

Version

1.1.7

License

MIT

Unpacked Size

6.33 kB

Total Files

4

Last publish

Collaborators

  • whatsaaaaa