Display the street labels following polylines for Leaflet
npm install leaflet-streetlabels
!Leaflet.streetlabels
============
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.
You can rush to the demo here.
`` js
// 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
});
`$3
npm install && npm run build
Leaflet 1.0 and later versions should be supported. Earlier versions probably won\'t work (not even tested anymore).
---
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!
| Jorge Santos | Leonel Dias
| :---: |:---:|
|  |  |
| github.com/jdsantos | github.com/leoneljdias
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!
- Website at TriedeTI
- Twitter at @triedeti
- Facebook at @triedeti`
---