Nuns Practicing Misanthropy

    leaflet-textbox

    0.1.0 • Public • Published

    Leaflet.TextBox

    Add a text box to the leaflet map using the SVG renderer.

    Leaflet version

    The example is develped against Leaflet 1.0.

    Usage

    The library works by adding a setText method to the Rectangle layers.

    Basic example:

    // Standard leaflet map setup
    var map = L.map('map').setView([50.842941, -0.131312], 13);
    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
    
    // Add the rectangle and set the text
    var bounds = [[50.832941, -0.111312], [50.842941, -0.141312]];
    var rectangle = L.rectangle(bounds, {color: "#ff7800", weight: 4})
    rectangle.addTo(map);
    rectangle.setText("Hello. This is a really long peice of text which should span multiple lines. It should not split words or overflow the box.")
    

    Demo

    See the example in example/index.html.

    Changelog

    0.1.0

    Initial release

    Licence

    MIT

    Keywords

    none

    Install

    npm i leaflet-textbox

    DownloadsWeekly Downloads

    1

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • mattoakes