How to show Elevation in decimal?

[mdfaisalpapa]

The elevation is shown in whole numbers for example 0.67 is shown as 1m . How to show the same with the actual value instead of rounding off?

[Raruto]

Hi @mdfaisalpapa,

1. the simple way:

leaflet-elevation/src/options.js

Lines 79 to 80 in bd9316b

	decimalsX: 2,
	decimalsY: 0,

2. the nerd way: #216 (comment)

3. for everything else, write a your own custom handler:

leaflet-elevation/examples/leaflet-elevation_extended-ui.html

Lines 255 to 271 in bd9316b

	handlers: [ // <-- A list of: Dynamic imports || "ClassName" || function Name() { return { /* a custom object definition */ } }
	'Distance', // <-- same as: import("../src/handlers/distance.js")
	'Time', // <-- same as: import("../src/handlers/time.js")
	'Altitude', // <-- same as: import("../src/handlers/altitude.js")
	'Slope', // <-- same as: import("../src/handlers/slope.js")
	'Speed', // <-- same as: import("../src/handlers/speed.js")
	'Acceleration', // <-- same as: import("../src/handlers/acceleration.js")
	// 'Pace', // <-- same as: import("../src/handlers/pace.js")
	// "Heart", // <-- same as: import("../src/handlers/heart.js")
	// "Cadence", // <-- same as: import("../src/handlers/cadence.js")
	// import('../src/handlers/heart.js'),
	import('../src/handlers/cadence.js'),
	// import('../src/handlers/pace.js'),
	L.Control.Elevation.MyHeart, // <-- see custom functions declared above
	// L.Control.Elevation.MyCadence, // <-- see custom functions declared above
	L.Control.Elevation.MyPace, // <-- see custom functions declared above
	],

👋 Raruto

[hupe13]

My solution as an example: https://github.com/hupe13/extensions-leaflet-map-github/blob/bdf6aa9f0c529328baa2bc8423a7c85984718e5c/js/elevation.js#L20-L97

Maybe this helps.

[mdfaisalpapa]

Thank you.