ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Use Heightgraph in lieu of Elevation (part II)

Browse source 
- Heightgraph supports resizing; remove the Elevation specific
  workaround which was readding the data
- resize the elevation chart on window resize and chart show
This commit is contained in:
alexcojocaru 2020-10-10 18:29:42 -07:00
parent 840f4daf72
commit c17e6ed711
2 changed files with 39 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

40
js/plugin/Heightgraph.js
View file

@ -216,6 +216,7 @@ BR.Heightgraph = L.Control.Heightgraph.extend({
}
},
/*
onAdd: function(map) {
var container = L.Control.Heightgraph.prototype.onAdd.call(this, map);
@ -240,8 +241,9 @@ BR.Heightgraph = L.Control.Heightgraph.extend({
return container;
},
*/
initialized: false,
// initialized: false,
addBelow: function(map) {
// waiting for https://github.com/MrMufflon/Leaflet.Elevation/pull/66
@ -263,20 +265,32 @@ BR.Heightgraph = L.Control.Heightgraph.extend({
// this function is also executed on window resize; hence,
// initialize the internal state on first call,
// otherwise reset it
if (this.initialized === true) {
this._removeMarkedSegmentsOnMap();
this._resetDrag();
this._onAddData();
} else {
// bind the the mouse move and mouse out handlers, I'll reuse them later on
this._mouseMoveHandlerBound = this._mapMousemoveHandler.bind(this);
this._mouseoutHandlerBound = this._mouseoutHandler.bind(this);
// if (this.initialized === true) {
// this._removeMarkedSegmentsOnMap();
// this._resetDrag();
// this._onAddData();
// } else {
// bind the the mouse move and mouse out handlers, I'll reuse them later on
this._mouseMoveHandlerBound = this.mapMousemoveHandler.bind(this);
this._mouseoutHandlerBound = this._mouseoutHandler.bind(this);
this.initialized = true;
var self = this;
var container = $('#elevation-chart');
$(window).resize(function() {
// avoid useless computations if the chart is not visible
if (container.is(':visible')) {
self.resize({
width: container.width(),
height: container.height()
});
}
});
// and render the chart
this.update();
}
// this.initialized = true;
// and render the chart
this.update();
// }
},
update: function(track, layer) {