135 lines
4.4 KiB
JavaScript
135 lines
4.4 KiB
JavaScript
/*
|
|
BRouter web - web client for BRouter bike routing engine
|
|
|
|
Licensed under the MIT license.
|
|
*/
|
|
|
|
(function() {
|
|
|
|
function initMap() {
|
|
var osm = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: 'tiles © <a target="_blank" href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
|
|
});
|
|
|
|
var topo = L.tileLayer('http://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', {
|
|
minZoom: 5,
|
|
maxZoom: 15,
|
|
attribution: 'tiles © <a href="https://opentopomap.org">OpenTopoMap</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>'
|
|
+ ', <a href="http://viewfinderpanoramas.org">SRTM</a>'
|
|
});
|
|
|
|
var thunderforestAttribution = 'tiles © <a target="_blank" href="http://www.thunderforest.com">Thunderforest</a> '
|
|
+ '(<a target="_blank" href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA 2.0</a>)';
|
|
var cycle = L.tileLayer('http://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}.png', {
|
|
maxZoom: 18,
|
|
attribution: thunderforestAttribution
|
|
});
|
|
var outdoors = L.tileLayer('http://{s}.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png', {
|
|
maxZoom: 18,
|
|
attribution: thunderforestAttribution
|
|
});
|
|
|
|
var map = new L.Map('map', {
|
|
layers: [osm],
|
|
center: new L.LatLng(50.99, 9.86),
|
|
zoom: 6
|
|
});
|
|
map.attributionControl.addAttribution(
|
|
'<a href="http://brensche.de/brouter" target="_blank">BRouter</a> © Arndt Brenschede, '
|
|
+ 'routing + map data © <a target="_blank" href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors '
|
|
+ '(<a target="_blank" href="http://opendatacommons.org/licenses/odbl/">ODbL</a>)');
|
|
|
|
L.control.layers({
|
|
'OpenStreetMap': osm,
|
|
'OpenTopoMap': topo,
|
|
'OpenCycleMap': cycle,
|
|
'Outdoors': outdoors
|
|
}, {
|
|
/*
|
|
'Hiking (Waymarked Trails)': hiking
|
|
*/
|
|
}).addTo(map);
|
|
|
|
map.addControl(new L.Control.Permalink({text: 'Permalink', position: 'bottomright'})); //, layers: layersControl
|
|
map.addControl(new BR.Search());
|
|
|
|
return map;
|
|
}
|
|
|
|
function initApp(map) {
|
|
var router,
|
|
routing,
|
|
routesLayer,
|
|
routingOptions,
|
|
nogos,
|
|
stats,
|
|
elevation,
|
|
download,
|
|
profile,
|
|
leftPaneId = 'leftpane';
|
|
|
|
// left sidebar as additional control position
|
|
map._controlCorners[leftPaneId] = L.DomUtil.create('div', 'leaflet-' + leftPaneId, map._controlContainer);
|
|
|
|
router = L.bRouter(); //brouterCgi dummyRouter
|
|
|
|
function updateRoute(evt) {
|
|
router.setOptions(evt.options);
|
|
routing.rerouteAllSegments(onUpdate);
|
|
}
|
|
|
|
routingOptions = new BR.RoutingOptions();
|
|
routingOptions.on('update', updateRoute);
|
|
|
|
nogos = new BR.NogoAreas();
|
|
nogos.on('update', updateRoute);
|
|
|
|
// initial option settings
|
|
router.setOptions(nogos.getOptions());
|
|
router.setOptions(routingOptions.getOptions());
|
|
|
|
stats = new BR.TrackStats();
|
|
download = new BR.Download();
|
|
elevation = new BR.Elevation();
|
|
profile = new BR.Profile();
|
|
|
|
routing = new BR.Routing({routing: {
|
|
router: L.bind(router.getRouteSegment, router)
|
|
}});
|
|
routing.on('routing:routeWaypointEnd', onUpdate);
|
|
|
|
function onUpdate() {
|
|
var track = routing.toPolyline(),
|
|
latLngs = routing.getWaypoints(),
|
|
urls = {};
|
|
|
|
elevation.update(track);
|
|
stats.update(track);
|
|
|
|
if (latLngs.length > 1) {
|
|
urls.gpx = router.getUrl(latLngs, 'gpx');
|
|
urls.kml = router.getUrl(latLngs, 'kml');
|
|
}
|
|
|
|
download.update(urls);
|
|
};
|
|
|
|
map.addControl(new BR.Control({
|
|
heading: '',
|
|
divId: 'header'
|
|
}));
|
|
routingOptions.addTo(map);
|
|
stats.addTo(map);
|
|
download.addTo(map);
|
|
elevation.addTo(map);
|
|
profile.addTo(map);
|
|
|
|
nogos.addTo(map);
|
|
routing.addTo(map);
|
|
}
|
|
|
|
map = initMap();
|
|
initApp(map);
|
|
|
|
})();
|