Add new handler: src/handlers/labels.js

[Raruto]

Sample usage:

L.control.Elevation({
  handlers: [ 'Labels' ], // same as: import('https://unpkg.com/@raruto/leaflet-elevation/src/handlers/labels.js')
  labelsRotation: 25,     // degrees
  labelsAlign: 'start'    // 'start' | 'middle' | 'end'
});

Closes: #211

[Raruto]

@hupe13 let me know what you think about it

[hupe13]

In principle it works. But I need to test more. Some things do not seem to work properly.

[hupe13]

Some things do not seem to work properly.

Maybe it is my special code. It works not correct, if there are more than one map on a page. However, I cannot establish a rule under which conditions what happens, it is not always the same result.

[Raruto]

@hupe13 since dynamic imports are in use here, it is possible that this code still suffers from what is described within: #253

Basically, all the functions listed here below should first wait for the modules_loaded event before triggering / listening events themselves (with reference to elechart_init and elechart_axis event listeners used within the src/handlers/labels.js)

leaflet-elevation/src/control.js

Lines 247 to 255 in b0006d6

	this._loadModules(this.options.handlers).then(() => { // Inject here required modules (data handlers)
	this._initChart(container);
	this._initButton(container);
	this._initSummary(container);
	this._initMarker(map);
	this._initLayer(map);
	this._modulesLoaded = true;
	this.fire('modules_loaded');
	});

If so, within your tests, try applying that patch #253 as well.

👋 Raruto