Usage

Download latest release.

Add the control to a map instance:

var map = L.map('map').setView([0, 0], 2);
L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.Control.textinput().addTo(map);

Customizing

By default, when a textinput is done, the control's textinput event is emitted.

For example:

var textinput = L.Control.textinput({
})
  .on('textinput', function(e) {
    console.log(e.text);
  })
  .addTo(map);

API

L.Control.Textinput

This is the textinput control. It works like any other Leaflet control, and is added to the map.

Constructor

This plugin supports the standard JavaScript constructor (to be invoked using new) as well as the class factory methods known from Leaflet:

new L.Control.Textinput(options);
// or
L.Control.textinput(options);

Options

| Option | Type | Default | Description | | ------------------ | --------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------- | | collapsed | Boolean | true | Collapse control unless hovered/clicked | | expand | String | "touch" | How to expand a collapsed control: touch or click or hover | | position | String | "topright" | Control position | | placeholder | String | "URL..." | Placeholder text for text input | | text | String | "" | Initial query string for text input |

Methods

| Method | Returns | Description | | --------------------------------------- | ------- | --------------------------------------- | | setText(<String> text) | this | Sets the text on the input |