Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Nov 3, 2020
Nov 3, 2020
src
Nov 3, 2020
Dec 3, 2018
Nov 3, 2020

README.md

Leaflet.streetlabels

Leaflet.streetlabels

A Leaflet plugin for showing street labels along polylines.

It's working with Leaflet as a addition to the awesome work done by yakitoritabetai Leaflet.LabelTextCollision and Viglino Canvas-TextPath

This project structure is a shameless copy of the Leaflet.fullscreen Leaflet.fullscreen by Leaflet.

Demo

You can rush to the demo here.

Using this plugin

Include this plugin JS file on your page from the dist folder after Leaflet library, Canvas-TextPath and Leaflet.LabelTextCollision as follows:

Usage

// Create a new renderer as follows (use any options as necessary):
var streetLabelsRenderer = new L.StreetLabels({
      collisionFlg : true,
      propertyName : 'name',
      showLabelIf: function(layer) {
        return true; //layer.properties.type == "primary";
      },
      fontStyle: {
        dynamicFontSize: false,
        fontSize: 10,
        fontSizeUnit: "px",
        lineWidth: 4.0,
        fillStyle: "black",
        strokeStyle: "white",
      },
    })

// Create a new map and attach the renderer created above:
var map = new L.Map('map', {
    renderer : streetLabelsRenderer, //Custom Canvas Renderer
});

Building

npm install && npm run build

Supported Leaflet Versions

Leaflet 1.0 and later versions should be supported. Earlier versions probably won't work (not even tested anymore).


Contributing

Any contributions to this project are more than welcome. Feel free to reach us and we will gladly include any improvements or ideas that you may have. Please, fork this repository, make any changes and submit a Pull Request and we will get in touch!

Contributors

Jorge Santos Leonel Dias
jdsantos leoneljdias
github.com/jdsantos github.com/leoneljdias

Support

The easiest way to seek support is by submiting an issue on this repo. Also, reach out to us at one of the following places!


About

Display the street labels following polylines for Leaflet

Topics

Resources

License

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •