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

Merge remote-tracking branch 'upstream/master' into heightgraph-transpiled

Browse source
This commit is contained in:
alexcojocaru 2020-12-21 21:23:04 -08:00
commit 3c1f5d0d6d
62 changed files with 4486 additions and 3554 deletions
Download patch file Download diff file Expand all files Collapse all files

3
.travis.yml
View file

@ -2,3 +2,6 @@ language: node_js
node_js:
- lts/*
cache: yarn
script:
- yarn test
- yarn lint

6
CHANGELOG.md
View file

@ -1,5 +1,11 @@
# BRouter-Web Changelog
## 0.14.0 (2020-12-04)
### New Features [fr]
- [French users only] New button to add 20km allowed zone - by [@bagage](https://github.com/bagage) ([#347](https://github.com/nrenner/brouter-web/pull/347), [#350](https://github.com/nrenner/brouter-web/pull/350), [#352](https://github.com/nrenner/brouter-web/pull/352))
## 0.13.0 (2020-08-04)
See also [milestone 0.13.0](https://github.com/nrenner/brouter-web/milestone/14?closed=1)

18
config.template.js
View file

@ -1,4 +1,4 @@
(function() {
(function () {
var hostname = window.location.hostname;
var origin = window.location.protocol + '//' + hostname + (window.location.port ? ':' + window.location.port : '');
@ -54,7 +54,7 @@
'vm-forum-velomobil-schnell',
'fastbike-lowtraffic',
'fastbike-asia-pacific',
'hiking-beta'
'hiking-beta',
];
// Removes default base layers when 'true'. Useful for only having custom layers (see below).
@ -84,22 +84,22 @@
weight: 5,
dashArray: [10, 10],
opacity: 0.6,
color: 'magenta'
color: 'magenta',
},
track: {
weight: 5,
color: 'magenta',
opacity: BR.conf.defaultOpacity
opacity: BR.conf.defaultOpacity,
},
trackCasing: {
weight: 8,
color: 'white',
// assumed to be same as track, see setOpacity
opacity: BR.conf.defaultOpacity
opacity: BR.conf.defaultOpacity,
},
nodata: {
color: 'darkred'
}
color: 'darkred',
},
};
BR.conf.markerColors = {
@ -107,7 +107,7 @@
poi: '#436978',
start: '#72b026',
via: '#38aadd',
stop: '#d63e2a'
stop: '#d63e2a',
};
// transit (intermodal routing) demo config
@ -121,7 +121,7 @@
'fastbike',
'shortest',
'moped',
'car-test'
'car-test',
];
}

6
css/style.css
View file

@ -197,6 +197,12 @@ input#trackname:focus:invalid {
.pois-draw-enabled {
cursor: cell;
}
.circlego-draw-enabled {
cursor: pointer;
}
.circlego-outside {
cursor: not-allowed;
}
#map {
/* center error message horizontally */

133
gulpfile.js
View file

@ -34,16 +34,15 @@ var debug = false;
var paths = {
// see overrides in package.json
scriptsConfig: mainNpmFiles().filter(f => RegExp('url-search-params/.*\\.js', 'i').test(f)),
scriptsConfig: mainNpmFiles().filter((f) => RegExp('url-search-params/.*\\.js', 'i').test(f)),
scripts: [
'node_modules/jquery/dist/jquery.js',
'node_modules/tether/dist/js/tether.js',
'node_modules/async/lib/async.js',
'node_modules/leaflet/dist/leaflet-src.js'
'node_modules/leaflet/dist/leaflet-src.js',
]
.concat(
mainNpmFiles().filter(
f =>
(f) =>
RegExp('.*\\.js', 'i').test(f) &&
!RegExp('.*\\.min\\.js', 'i').test(f) &&
!RegExp('url-search-params/.*\\.js', 'i').test(f)
@ -58,13 +57,13 @@ var paths = {
'js/util/*.js',
'js/plugin/*.js',
'js/control/*.js',
'js/index.js'
'js/index.js',
]),
styles: mainNpmFiles()
.filter(f => RegExp('.*\\.css', 'i').test(f) && !RegExp('.*\\.min\\.css', 'i').test(f))
.filter((f) => RegExp('.*\\.css', 'i').test(f) && !RegExp('.*\\.min\\.css', 'i').test(f))
.concat('css/*.css'),
images: mainNpmFiles().filter(f => RegExp('.*.+(png|gif|svg)', 'i').test(f)),
fonts: mainNpmFiles().filter(f => RegExp('font-awesome/fonts/.*', 'i').test(f)),
images: mainNpmFiles().filter((f) => RegExp('.*.+(png|gif|svg)', 'i').test(f)),
fonts: mainNpmFiles().filter((f) => RegExp('font-awesome/fonts/.*', 'i').test(f)),
locales: 'locales/*.json',
layers: 'layers/**/*.geojson',
layersDestName: 'layers.js',
@ -72,25 +71,25 @@ var paths = {
'layers/config/config.js',
'layers/config/tree.js',
'layers/config/overrides.js',
'layers/config/geometry.js'
'layers/config/geometry.js',
],
layersConfigDestName: 'layersConf.js',
zip: ['dist/**', 'index.html', 'config.template.js', 'keys.template.js'],
dest: 'dist',
destName: 'brouter-web'
destName: 'brouter-web',
};
gulp.task('clean', function(cb) {
gulp.task('clean', function (cb) {
del(paths.dest + '/**/*', cb);
});
// libs that require loading before config.js
gulp.task('scripts_config', function() {
gulp.task('scripts_config', function () {
// just copy for now
return gulp.src(paths.scriptsConfig).pipe(gulp.dest(paths.dest));
});
gulp.task('scripts', function() {
gulp.task('scripts', function () {
if (debug) gutil.log(gutil.colors.yellow('Running in Debug mode'));
else gutil.log(gutil.colors.green('Running in Release mode'));
@ -106,14 +105,14 @@ gulp.task('scripts', function() {
});
// separate, fallback task for debugging (switch manually in index.html)
gulp.task('concat', function() {
gulp.task('concat', function () {
return gulp
.src(paths.scripts)
.pipe(concat(paths.destName + '.src.js'))
.pipe(gulp.dest(paths.dest));
});
gulp.task('styles', function() {
gulp.task('styles', function () {
return gulp
.src(paths.styles)
.pipe(
@ -129,40 +128,40 @@ gulp.task('styles', function() {
}
return distUrl;
}
},
})
)
.pipe(concat(paths.destName + '.css'))
.pipe(
cleanCSS({
rebase: false
rebase: false,
})
)
.pipe(postcss([autoprefixer({ remove: false })]))
.pipe(gulp.dest(paths.dest));
});
gulp.task('images', function() {
gulp.task('images', function () {
return gulp.src(paths.images).pipe(gulp.dest(paths.dest + '/images'));
});
gulp.task('fonts', function() {
gulp.task('fonts', function () {
return gulp.src(paths.fonts).pipe(gulp.dest(paths.dest + '/fonts'));
});
gulp.task('locales', function() {
gulp.task('locales', function () {
return gulp.src(paths.locales).pipe(gulp.dest(paths.dest + '/locales'));
});
gulp.task('reload', function(done) {
gulp.task('reload', function (done) {
server.reload();
done();
});
gulp.task('watch', function() {
gulp.task('watch', function () {
debug = true;
var watcher = gulp.watch(paths.scripts, gulp.series('scripts', 'reload'));
watcher.on('change', function(event) {
watcher.on('change', function (event) {
if (event.type === 'deleted') {
delete cached.caches.scripts[event.path];
remember.forget('scripts', event.path);
@ -171,35 +170,26 @@ gulp.task('watch', function() {
gulp.watch(paths.locales, gulp.series('locales', 'reload'));
gulp.watch(paths.styles, gulp.series('styles', 'reload'));
gulp.watch(paths.layersConfig, gulp.series('layers_config', 'reload'));
gulp.watch(
['./index.html']
.concat(paths.images)
.concat(paths.fonts)
.concat(paths.locales),
gulp.series('reload')
);
gulp.watch(['./index.html'].concat(paths.images).concat(paths.fonts).concat(paths.locales), gulp.series('reload'));
});
// Print paths to console, for manually debugging the gulp build
// (comment out corresponding line of paths to print)
gulp.task('log', function() {
gulp.task('log', function () {
// var src = paths.scripts
// var src = paths.styles
// var src = paths.images
// var src = paths.locales
var src = paths.scripts
.concat(paths.styles)
.concat(paths.images)
.concat(paths.locales);
var src = paths.scripts.concat(paths.styles).concat(paths.images).concat(paths.locales);
return gulp.src(src).pipe(gulpDebug());
});
gulp.task('inject', function() {
gulp.task('inject', function () {
var target = gulp.src('index.html');
var sources = gulp.src(paths.scripts.concat(paths.styles), {
base: '.',
read: false
read: false,
});
return target.pipe(inject(sources, { relative: true })).pipe(gulp.dest('.'));
@ -209,7 +199,7 @@ var pkg = require('./package.json');
var nextVersion;
var ghToken;
gulp.task('release:init', function(cb) {
gulp.task('release:init', function (cb) {
var tag = gutil.env.tag;
if (!tag) {
return cb(new Error('--tag is required'));
@ -227,7 +217,7 @@ gulp.task('release:init', function(cb) {
nextVersion = semver.inc(pkg.version, tag);
git.status({ args: '--porcelain', quiet: true }, function(err, stdout) {
git.status({ args: '--porcelain', quiet: true }, function (err, stdout) {
if (err) return cb(err);
if (stdout.length > 0) {
return cb(new Error('Repository is not clean. Please commit or stash your pending modification'));
@ -237,7 +227,7 @@ gulp.task('release:init', function(cb) {
});
});
gulp.task('bump:json', function() {
gulp.task('bump:json', function () {
gutil.log(gutil.colors.green('Bump to ' + nextVersion));
return gulp
.src(['./package.json'])
@ -245,7 +235,7 @@ gulp.task('bump:json', function() {
.pipe(gulp.dest('./'));
});
gulp.task('bump:html', function() {
gulp.task('bump:html', function () {
return gulp
.src('./index.html')
.pipe(replace(/<sup class="version">(.*)<\/sup>/, '<sup class="version">' + nextVersion + '</sup>'))
@ -254,19 +244,19 @@ gulp.task('bump:html', function() {
gulp.task('bump', gulp.series('bump:json', 'bump:html'));
gulp.task('release:commit', function() {
gulp.task('release:commit', function () {
return gulp.src(['./index.html', './package.json']).pipe(git.commit('release: ' + nextVersion));
});
gulp.task('release:tag', function(cb) {
gulp.task('release:tag', function (cb) {
return git.tag(nextVersion, '', cb);
});
gulp.task('release:push', function(cb) {
gulp.task('release:push', function (cb) {
git.push('origin', 'master', { args: '--tags' }, cb);
});
gulp.task('i18next', function() {
gulp.task('i18next', function () {
return gulp
.src(['index.html', 'locales/keys.js', 'layers/config/overrides.js', 'js/**/*.js'])
.pipe(sort())
@ -280,29 +270,26 @@ gulp.task('i18next', function() {
loadPath: 'locales/{{lng}}.json',
// the destination path is relative to your `gulp.dest()` path
savePath: 'locales/{{lng}}.json'
}
savePath: 'locales/{{lng}}.json',
},
})
)
.pipe(gulp.dest('.'));
});
gulp.task('layers_config', function() {
return gulp
.src(paths.layersConfig)
.pipe(concat(paths.layersConfigDestName))
.pipe(gulp.dest(paths.dest));
gulp.task('layers_config', function () {
return gulp.src(paths.layersConfig).pipe(concat(paths.layersConfigDestName)).pipe(gulp.dest(paths.dest));
});
// Bundles layer files. To download and extract run "yarn layers"
gulp.task('layers', function() {
gulp.task('layers', function () {
return (
gulp
.src(paths.layers)
// Workaround to get file extension removed from the dictionary key
.pipe(rename({ extname: '.json' }))
.pipe(
jsonConcat(paths.layersDestName, function(data) {
jsonConcat(paths.layersDestName, function (data) {
var header =
'// Licensed under the MIT License (https://github.com/nrenner/brouter-web#license + Credits and Licenses),\n' +
'// except JOSM imagery database (dataSource=JOSM) is licensed under Creative Commons (CC-BY-SA),\n' +
@ -321,7 +308,7 @@ gulp.task(
gulp.task(
'debug',
gulp.series(function(cb) {
gulp.series(function (cb) {
debug = true;
cb();
}, 'default')
@ -329,28 +316,28 @@ gulp.task(
gulp.task(
'serve',
gulp.series('debug', function(cb) {
gulp.series('debug', function (cb) {
server.init({
server: {
baseDir: './'
baseDir: './',
},
open: false
open: false,
});
cb();
})
);
gulp.task('release:zip', function() {
gulp.task('release:zip', function () {
gutil.log(gutil.colors.green('Build brouter-web.' + nextVersion + '.zip'));
return gulp
.src(paths.zip, {
base: '.'
base: '.',
})
.pipe(zip('brouter-web.' + nextVersion + '.zip'))
.pipe(gulp.dest('.'));
});
gulp.task('release:zip_standalone', function() {
gulp.task('release:zip_standalone', function () {
var version = pkg.version;
var destName = 'brouter-web-standalone.' + version + '.zip';
@ -358,10 +345,10 @@ gulp.task('release:zip_standalone', function() {
var brouterWeb = gulp
.src(paths.zip, {
base: '.'
base: '.',
})
.pipe(
rename(function(path) {
rename(function (path) {
path.dirname = 'brouter-web/' + path.dirname;
})
);
@ -372,14 +359,14 @@ gulp.task('release:zip_standalone', function() {
.src(
[
'misc/readmes/profile_developers_guide.txt',
'brouter-server/target/brouter-server-*-jar-with-dependencies.jar'
'brouter-server/target/brouter-server-*-jar-with-dependencies.jar',
],
{
cwd: path.join(process.cwd(), '../brouter')
cwd: path.join(process.cwd(), '../brouter'),
}
)
.pipe(
rename(function(path) {
rename(function (path) {
if (path.basename.startsWith('brouter-server-')) {
path.basename = 'brouter';
}
@ -392,30 +379,28 @@ gulp.task('release:zip_standalone', function() {
'!profiles2/all.brf',
'!profiles2/car-eco-suspect_scan.brf',
'!profiles2/car-traffic_analysis.brf',
'!profiles2/softaccess.brf'
'!profiles2/softaccess.brf',
],
{
cwd: path.join(process.cwd(), '../brouter/misc/'),
base: '../brouter/misc/'
base: '../brouter/misc/',
}
);
var serverScripts = gulp.src(['standalone/**'], {
cwd: path.join(process.cwd(), '../brouter/misc/scripts/'),
base: '../brouter/misc/scripts/'
base: '../brouter/misc/scripts/',
});
return merge(brouterWeb, root, serverRoot, serverProfiles, serverScripts)
.pipe(zip(destName))
.pipe(gulp.dest('.'));
return merge(brouterWeb, root, serverRoot, serverProfiles, serverScripts).pipe(zip(destName)).pipe(gulp.dest('.'));
});
gulp.task('release:publish', function() {
gulp.task('release:publish', function () {
return gulp.src('./brouter-web.' + nextVersion + '.zip').pipe(
release({
tag: nextVersion,
token: ghToken,
manifest: pkg
manifest: pkg,
})
);
});

2253
index.html
View file

File diff suppressed because it is too large Load diff

6
js/Browser.js
View file

@ -1,5 +1,5 @@
(function() {
var touchScreen = (function() {
(function () {
var touchScreen = (function () {
var result = null;
if ('maxTouchPoints' in navigator) {
@ -21,6 +21,6 @@
BR.Browser = {
touchScreen: touchScreen,
touchScreenDetectable: touchScreenDetectable,
touch: touch
touch: touch,
};
})();

48
js/LayersConfig.js
View file

@ -5,7 +5,7 @@ BR.LayersConfig = L.Class.extend({
// hardcoded, built-in layers with an id set (for URL hash)
builtInLayers: ['route-quality'],
initialize: function(map) {
initialize: function (map) {
this._map = map;
this._addLeafletProvidersLayers();
@ -14,7 +14,7 @@ BR.LayersConfig = L.Class.extend({
this._addLanguageDefaultLayer();
},
loadDefaultLayers: function() {
loadDefaultLayers: function () {
if (BR.Util.localStorageAvailable()) {
var item = localStorage.getItem('map/defaultLayers');
if (item) {
@ -25,17 +25,17 @@ BR.LayersConfig = L.Class.extend({
}
},
storeDefaultLayers: function(baseLayers, overlays) {
storeDefaultLayers: function (baseLayers, overlays) {
if (BR.Util.localStorageAvailable()) {
var defaultLayers = {
baseLayers: baseLayers,
overlays: overlays
overlays: overlays,
};
localStorage.setItem('map/defaultLayers', JSON.stringify(defaultLayers));
}
},
_addLeafletProvidersLayers: function() {
_addLeafletProvidersLayers: function () {
var includeList = BR.confLayers.leafletProvidersIncludeList;
for (var i = 0; i < includeList.length; i++) {
@ -45,15 +45,15 @@ BR.LayersConfig = L.Class.extend({
properties: {
id: id,
name: id.replace('.', ' '),
dataSource: 'leaflet-providers'
dataSource: 'leaflet-providers',
},
type: 'Feature'
type: 'Feature',
};
BR.layerIndex[id] = obj;
}
},
_customizeLayers: function() {
_customizeLayers: function () {
var propertyOverrides = BR.confLayers.getPropertyOverrides();
for (id in propertyOverrides) {
@ -79,7 +79,7 @@ BR.LayersConfig = L.Class.extend({
BR.layerIndex['1017'].geometry = BR.confLayers.osmapaPl;
},
_addLanguageDefaultLayer: function() {
_addLanguageDefaultLayer: function () {
// language code -> layer id
var languageLayersMap = {};
var i;
@ -107,7 +107,7 @@ BR.LayersConfig = L.Class.extend({
}
},
isDefaultLayer: function(id, overlay) {
isDefaultLayer: function (id, overlay) {
var result = false;
if (overlay) {
result = this.defaultOverlays.indexOf(id) > -1;
@ -117,15 +117,15 @@ BR.LayersConfig = L.Class.extend({
return result;
},
getBaseLayers: function() {
getBaseLayers: function () {
return this._getLayers(this.defaultBaseLayers);
},
getOverlays: function() {
getOverlays: function () {
return this._getLayers(this.defaultOverlays);
},
_getLayers: function(ids) {
_getLayers: function (ids) {
var layers = {};
for (var i = 0; i < ids.length; i++) {
@ -148,7 +148,7 @@ BR.LayersConfig = L.Class.extend({
// own convention: key placeholder with prefix
// e.g. ?api_key={keys_openrouteservice}
getKeyName: function(url) {
getKeyName: function (url) {
var result = null;
// L.Util.template only matches [\w_-]
var prefix = 'keys_';
@ -162,14 +162,14 @@ BR.LayersConfig = L.Class.extend({
name = found[1];
result = {
name: name,
urlVar: prefix + name
urlVar: prefix + name,
};
}
return result;
},
createLayer: function(layerData) {
createLayer: function (layerData) {
var props = layerData.properties;
var url = props.url;
var layer;
@ -218,7 +218,7 @@ BR.LayersConfig = L.Class.extend({
var options = {
maxZoom: this._map.getMaxZoom(),
bounds: layerData.geometry && !props.worldTiles ? L.geoJson(layerData.geometry).getBounds() : null
bounds: layerData.geometry && !props.worldTiles ? L.geoJson(layerData.geometry).getBounds() : null,
};
if (props.mapUrl) {
options.mapLink =
@ -237,7 +237,7 @@ BR.LayersConfig = L.Class.extend({
layer = L.tileLayer.provider(props.id);
var layerOptions = L.Util.extend(options, {
maxNativeZoom: layer.options.maxZoom
maxNativeZoom: layer.options.maxZoom,
});
L.setOptions(layer, layerOptions);
} else if (props.dataSource === 'LayersCollection') {
@ -245,7 +245,7 @@ BR.LayersConfig = L.Class.extend({
url,
L.Util.extend(options, {
minZoom: props.minZoom || 0,
maxNativeZoom: props.maxZoom
maxNativeZoom: props.maxZoom,
})
);
if (props.subdomains) {
@ -260,7 +260,7 @@ BR.LayersConfig = L.Class.extend({
minZoom: props.min_zoom || 0,
maxNativeZoom: props.max_zoom,
subdomains: getSubdomains(josmUrl),
attribution: convertAttributionJosm(props)
attribution: convertAttributionJosm(props),
});
if (props.type && props.type === 'wms') {
@ -268,7 +268,7 @@ BR.LayersConfig = L.Class.extend({
url,
L.Util.extend(josmOptions, {
layers: props.layers,
format: props.format
format: props.format,
})
);
} else {
@ -279,7 +279,7 @@ BR.LayersConfig = L.Class.extend({
// Layer attribution here only as short link to original site,
// to keep current position use placeholders: {zoom}/{lat}/{lon}
// Copyright attribution in index.html #credits
var getAttribution = function() {
var getAttribution = function () {
return this.options.mapLink;
};
layer.getAttribution = getAttribution;
@ -287,9 +287,9 @@ BR.LayersConfig = L.Class.extend({
layer.id = props.id;
return layer;
}
},
});
BR.layersConfig = function(map) {
BR.layersConfig = function (map) {
return new BR.LayersConfig(map);
};

26
js/Map.js
View file

@ -1,11 +1,11 @@
BR.Map = {
initMap: function() {
initMap: function () {
var map, layersControl;
L.setOptions(this, {
shortcut: {
locate: 76 // char code for 'l'
}
locate: 76, // char code for 'l'
},
});
BR.keys = BR.keys || {};
@ -18,14 +18,14 @@ BR.Map = {
minZoom: 0,
maxZoom: maxZoom,
// fix for route drag on mobile (#285), until next Leaflet version released (> 1.6.0)
tap: false
tap: false,
});
if (BR.Util.getResponsiveBreakpoint() >= '3md') {
L.control
.zoom({
zoomInTitle: i18next.t('keyboard.generic-shortcut', { action: '$t(map.zoomInTitle)', key: '+' }),
zoomOutTitle: i18next.t('keyboard.generic-shortcut', { action: '$t(map.zoomOutTitle)', key: '-' })
zoomOutTitle: i18next.t('keyboard.generic-shortcut', { action: '$t(map.zoomOutTitle)', key: '-' }),
})
.addTo(map);
}
@ -54,7 +54,7 @@ BR.Map = {
'</a>'
);
$('#credits').on('show.bs.modal', function(event) {
$('#credits').on('show.bs.modal', function (event) {
BR.Map._renderLayerCredits(layersControl._layers);
});
@ -77,7 +77,7 @@ BR.Map = {
minZoom: 1,
maxZoom: 19,
attribution:
'&copy; <a href="https://www.digitalglobe.com/platforms/mapsapi">DigitalGlobe</a> (<a href="https://bit.ly/mapsapiview">Terms of Use</a>)'
'&copy; <a href="https://www.digitalglobe.com/platforms/mapsapi">DigitalGlobe</a> (<a href="https://bit.ly/mapsapiview">Terms of Use</a>)',
}
);
baseLayers[i18next.t('map.layer.digitalglobe')] = recent;
@ -105,16 +105,16 @@ BR.Map = {
var locationControl = L.control
.locate({
strings: {
title: i18next.t('keyboard.generic-shortcut', { action: '$t(map.locate-me)', key: 'L' })
title: i18next.t('keyboard.generic-shortcut', { action: '$t(map.locate-me)', key: 'L' }),
},
icon: 'fa fa-location-arrow',
iconLoading: 'fa fa-spinner fa-pulse'
iconLoading: 'fa fa-spinner fa-pulse',
})
.addTo(map);
L.DomEvent.addListener(
document,
'keydown',
function(e) {
function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.locate) {
locationControl.start();
}
@ -133,11 +133,11 @@ BR.Map = {
return {
map: map,
layersControl: layersControl
layersControl: layersControl,
};
},
_renderLayerCredits: function(layers) {
_renderLayerCredits: function (layers) {
var dl = document.getElementById('credits-maps');
var i, obj, dt, dd, attribution;
@ -157,5 +157,5 @@ BR.Map = {
dl.appendChild(dd);
}
}
}
},
};

18
js/Util.js
View file

@ -1,16 +1,16 @@
BR.Util = {
get: function(url, cb) {
get: function (url, cb) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function() {
xhr.onload = function () {
if ((xhr.status === 200 || xhr.status === 0) && xhr.responseText) {
cb(null, xhr.responseText);
} else {
cb(BR.Util.getError(xhr));
}
};
xhr.onerror = function() {
xhr.onerror = function () {
cb(BR.Util.getError(xhr));
};
try {
@ -20,7 +20,7 @@ BR.Util = {
}
},
getError: function(xhr) {
getError: function (xhr) {
var msg = i18next.t('warning.no-response');
if (xhr.responseText) {
msg = xhr.responseText;
@ -38,7 +38,7 @@ BR.Util = {
// https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#Testing_for_support_vs_availability
// by Mozilla Contributors, with modifications;
// Any copyright is dedicated to the Public Domain. https://creativecommons.org/publicdomain/zero/1.0/
localStorageAvailable: function() {
localStorageAvailable: function () {
try {
var storage = window.localStorage,
x = '__storage_test__';
@ -51,7 +51,7 @@ BR.Util = {
},
// see https://stackoverflow.com/a/37141090/1906123
getResponsiveBreakpoint: function() {
getResponsiveBreakpoint: function () {
var envs = { '1xs': 'd-none', '2sm': 'd-sm-none', '3md': 'd-md-none', '4lg': 'd-lg-none', '5xl': 'd-xl-none' };
var env = '';
@ -69,7 +69,7 @@ BR.Util = {
return env;
},
keyboardShortcutsAllowed: function(keyEvent) {
keyboardShortcutsAllowed: function (keyEvent) {
// Skip auto-repeating key events
if (keyEvent.repeat) {
return false;
@ -102,9 +102,9 @@ BR.Util = {
// this method must only be used to sanitize for textContent.
// do NOT use it to sanitize any attribute,
// see https://web.archive.org/web/20121208091505/http://benv.ca/2012/10/4/you-are-probably-misusing-DOM-text-methods/
sanitizeHTMLContent: function(str) {
sanitizeHTMLContent: function (str) {
var temp = document.createElement('div');
temp.textContent = str;
return temp.innerHTML;
}
},
};

22
js/control/Control.Layers.js
View file

@ -1,5 +1,5 @@
BR.ControlLayers = L.Control.Layers.extend({
getActiveLayers: function() {
getActiveLayers: function () {
var result = [];
for (var i = 0; i < this._layers.length; i++) {
@ -16,7 +16,7 @@ BR.ControlLayers = L.Control.Layers.extend({
return result;
},
getActiveBaseLayer: function() {
getActiveBaseLayer: function () {
var activeLayers = this.getActiveLayers();
for (var i = 0; i < activeLayers.length; i++) {
var obj = activeLayers[i];
@ -28,7 +28,7 @@ BR.ControlLayers = L.Control.Layers.extend({
return null;
},
removeActiveLayers: function() {
removeActiveLayers: function () {
var removed = [];
for (var i = 0; i < this._layers.length; i++) {
@ -42,7 +42,7 @@ BR.ControlLayers = L.Control.Layers.extend({
return removed;
},
getLayer: function(name) {
getLayer: function (name) {
for (var i = 0; i < this._layers.length; i++) {
var obj = this._layers[i];
if (obj.name === name) {
@ -53,19 +53,19 @@ BR.ControlLayers = L.Control.Layers.extend({
return null;
},
getBaseLayers: function() {
return this._layers.filter(function(obj) {
getBaseLayers: function () {
return this._layers.filter(function (obj) {
return !obj.overlay;
});
},
activateLayer: function(obj) {
activateLayer: function (obj) {
if (!this._map.hasLayer(obj.layer)) {
this._map.addLayer(obj.layer);
}
},
activateFirstLayer: function() {
activateFirstLayer: function () {
for (var i = 0; i < this._layers.length; i++) {
var obj = this._layers[i];
if (!obj.overlay) {
@ -75,14 +75,14 @@ BR.ControlLayers = L.Control.Layers.extend({
}
},
activateBaseLayerIndex: function(index) {
activateBaseLayerIndex: function (index) {
var baseLayers = this.getBaseLayers();
var obj = baseLayers[index];
this.activateLayer(obj);
},
_addLayer: function(layer, name, overlay) {
_addLayer: function (layer, name, overlay) {
L.Control.Layers.prototype._addLayer.call(this, layer, name, overlay);
// override z-index assignment to fix that base layers added later
@ -95,5 +95,5 @@ BR.ControlLayers = L.Control.Layers.extend({
layer.setZIndex(0);
}
}
}
},
});

34
js/control/Export.js
View file

@ -3,11 +3,11 @@ BR.Export = L.Class.extend({
options: {
shortcut: {
export: 88 // char code for 'x'
}
export: 88, // char code for 'x'
},
},
initialize: function(router, pois) {
initialize: function (router, pois) {
this.router = router;
this.pois = pois;
this.exportButton = $('#exportButton');
@ -31,7 +31,7 @@ BR.Export = L.Class.extend({
this.update([]);
},
update: function(latLngs) {
update: function (latLngs) {
this.latLngs = latLngs;
if (latLngs.length < 2) {
@ -41,13 +41,13 @@ BR.Export = L.Class.extend({
}
},
_export: function(e) {
_export: function (e) {
var exportForm = document.forms['export'];
var format = exportForm['format'].value || $('#export-format input:radio:checked').val();
var name = encodeURIComponent(exportForm['trackname'].value);
var includeWaypoints = exportForm['include-waypoints'].checked;
var uri = this.router.getUrl(this.latLngs, this.pois.getMarkers(), format, name, includeWaypoints);
var uri = this.router.getUrl(this.latLngs, this.pois.getMarkers(), null, format, name, includeWaypoints);
e.preventDefault();
@ -58,7 +58,7 @@ BR.Export = L.Class.extend({
link.dispatchEvent(evt);
},
_validationMessage: function() {
_validationMessage: function () {
var trackname = this.trackname;
var replaceRegex = new RegExp('[^' + this.tracknameAllowedChars + ']', 'g');
@ -71,14 +71,14 @@ BR.Export = L.Class.extend({
}
},
_generateTrackname: function() {
_generateTrackname: function () {
var trackname = this.trackname;
this._getCityAtPosition(
this.latLngs[0],
L.bind(function(from) {
L.bind(function (from) {
this._getCityAtPosition(
this.latLngs[this.latLngs.length - 1],
L.bind(function(to) {
L.bind(function (to) {
var distance = document.getElementById('distance').innerHTML;
if (this.tracknameAllowedChars) {
distance = distance.replace(',', '.'); // temp. fix (#202)
@ -88,13 +88,13 @@ BR.Export = L.Class.extend({
} else if (from === to) {
trackname.value = i18next.t('export.route-loop', {
from: from,
distance: distance
distance: distance,
});
} else {
trackname.value = i18next.t('export.route-from-to', {
from: from,
to: to,
distance: distance
distance: distance,
});
}
@ -109,14 +109,14 @@ BR.Export = L.Class.extend({
);
},
_getCityAtPosition: function(lonlat, cb) {
_getCityAtPosition: function (lonlat, cb) {
var url = L.Util.template(
'https://nominatim.openstreetmap.org/reverse?lon={lng}&lat={lat}&format=json',
lonlat
);
BR.Util.get(
url,
L.bind(function(err, response) {
L.bind(function (err, response) {
try {
var addr = JSON.parse(response).address;
cb(addr.village || addr.town || addr.hamlet || addr.city_district || addr.city);
@ -128,7 +128,7 @@ BR.Export = L.Class.extend({
);
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (
BR.Util.keyboardShortcutsAllowed(e) &&
e.keyCode === this.options.shortcut.export &&
@ -137,9 +137,9 @@ BR.Export = L.Class.extend({
this._generateTrackname();
$('#export').modal('show');
}
}
},
});
BR.export = function() {
BR.export = function () {
return new BR.Export();
};

6
js/control/Itinerary.js
View file

@ -1,10 +1,10 @@
BR.Itinerary = L.Class.extend({
initialize: function() {
initialize: function () {
this._content = document.getElementById('itinerary');
this.update();
},
update: function(polyline, segments) {
update: function (polyline, segments) {
var i,
j,
iter,
@ -20,5 +20,5 @@ BR.Itinerary = L.Class.extend({
html += '</pre>';
this._content.innerHTML = html;
}
},
});

41
js/control/Layers.js
View file

@ -1,5 +1,5 @@
BR.Layers = L.Class.extend({
_loadLayers: function() {
_loadLayers: function () {
this._customLayers = {};
if (BR.Util.localStorageAvailable()) {
@ -10,13 +10,13 @@ BR.Layers = L.Class.extend({
}
},
_loadTable: function() {
_loadTable: function () {
var layersData = [];
for (layer in this._customLayers) {
layersData.push([
layer,
this._customLayers[layer].layer._url,
this._customLayers[layer].isOverlay ? 'Overlay' : 'Layer'
this._customLayers[layer].isOverlay ? 'Overlay' : 'Layer',
]);
}
if (this._layersTable != null) {
@ -29,17 +29,17 @@ BR.Layers = L.Class.extend({
searching: false,
paging: false,
language: {
emptyTable: i18next.t('sidebar.layers.table.empty')
emptyTable: i18next.t('sidebar.layers.table.empty'),
},
columns: [
{ title: i18next.t('sidebar.layers.table.name') },
{ title: i18next.t('sidebar.layers.table.URL') },
{ title: i18next.t('sidebar.layers.table.type') }
]
{ title: i18next.t('sidebar.layers.table.type') },
],
});
},
init: function(map, layersControl, baseLayers, overlays) {
init: function (map, layersControl, baseLayers, overlays) {
this._layersControl = layersControl;
this._map = map;
this._layers = {};
@ -54,7 +54,7 @@ BR.Layers = L.Class.extend({
this._loadTable();
var table = this._layersTable;
$('#custom_layers_table tbody').on('click', 'tr', function() {
$('#custom_layers_table tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
} else {
@ -63,40 +63,37 @@ BR.Layers = L.Class.extend({
}
});
L.DomUtil.get('custom_layers_button').onclick = function() {
L.DomUtil.get('custom_layers_button').onclick = function () {
$('#custom_layers').modal();
};
},
_remove: function(evt) {
_remove: function (evt) {
var row = this._layersTable.row('.selected').data();
if (row != null) {
var name = row[0];
this._layersControl.removeLayer(this._customLayers[name].layer);
this._map.removeLayer(this._customLayers[name].layer);
delete this._customLayers[name];
this._layersTable
.row('.selected')
.remove()
.draw(false);
this._layersTable.row('.selected').remove().draw(false);
this._sync();
}
},
_addFromInput: function(isOverlay) {
_addFromInput: function (isOverlay) {
var layer_name = L.DomUtil.get('layer_name').value;
var layer_url = L.DomUtil.get('layer_url').value;
if (layer_name.length > 0 && layer_url.length > 0) this._addLayer(layer_name, layer_url, isOverlay);
},
_addBaseLayer: function(evt) {
_addBaseLayer: function (evt) {
this._addFromInput(false);
},
_addOverlay: function(evt) {
_addOverlay: function (evt) {
this._addFromInput(true);
},
_addLayer: function(layerName, layerUrl, isOverlay) {
_addLayer: function (layerName, layerUrl, isOverlay) {
if (layerName in this._layers) return;
if (layerName in this._customLayers) return;
@ -106,7 +103,7 @@ BR.Layers = L.Class.extend({
this._customLayers[layerName] = {
layer: layer,
isOverlay: isOverlay
isOverlay: isOverlay,
};
if (isOverlay) {
@ -123,15 +120,15 @@ BR.Layers = L.Class.extend({
}
},
_sync: function() {
_sync: function () {
if (BR.Util.localStorageAvailable()) {
localStorage.setItem(
'map/customLayers',
JSON.stringify(this._customLayers, function(k, v) {
JSON.stringify(this._customLayers, function (k, v) {
// dont write Leaflet.Layer in localStorage; simply keep the URL
return v._url || v;
})
);
}
}
},
});

104
js/control/LayersTab.js
View file

@ -3,13 +3,13 @@ BR.LayersTab = BR.ControlLayers.extend({
previewBounds: null,
saveLayers: [],
initialize: function(layersConfig, baseLayers, overlays, options) {
initialize: function (layersConfig, baseLayers, overlays, options) {
L.Control.Layers.prototype.initialize.call(this, baseLayers, overlays, options);
this.layersConfig = layersConfig;
},
addTo: function(map) {
addTo: function (map) {
this._map = map;
this.onAdd(map);
@ -22,19 +22,19 @@ BR.LayersTab = BR.ControlLayers.extend({
return this;
},
onAdd: function(map) {
onAdd: function (map) {
BR.ControlLayers.prototype.onAdd.call(this, map);
map.on('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
},
onRemove: function(map) {
onRemove: function (map) {
BR.ControlLayers.prototype.onRemove.call(this, map);
map.off('baselayerchange overlayadd overlayremove', this.storeActiveLayers, this);
},
initOpacitySlider: function(map) {
initOpacitySlider: function (map) {
var self = this;
var overlayOpacitySlider = new BR.OpacitySlider({
id: 'overlay',
@ -42,7 +42,7 @@ BR.LayersTab = BR.ControlLayers.extend({
orientation: 'horizontal',
defaultValue: 1,
title: i18next.t('layers.opacity-slider'),
callback: function(opacity) {
callback: function (opacity) {
for (var i = 0; i < self._layers.length; i++) {
if (!self._layers[i].overlay || !map.hasLayer(self._layers[i].layer)) {
continue;
@ -53,20 +53,20 @@ BR.LayersTab = BR.ControlLayers.extend({
self._layers[i].layer.setStyle({ opacity: opacity });
}
}
}
},
});
L.DomUtil.get('leaflet-control-layers-overlays-opacity-slider').appendChild(overlayOpacitySlider.getElement());
},
initButtons: function() {
var expandTree = function(e) {
initButtons: function () {
var expandTree = function (e) {
this.jstree.open_all();
};
var collapseTree = function(e) {
var collapseTree = function (e) {
this.jstree.close_all();
};
var toggleOptionalLayers = function(e) {
var toggleOptionalLayers = function (e) {
var button = L.DomUtil.get('optional_layers_button');
var treeButtons = L.DomUtil.get('tree-button-group');
var div = L.DomUtil.get('optional-layers');
@ -86,12 +86,12 @@ BR.LayersTab = BR.ControlLayers.extend({
L.DomUtil.get('optional_layers_button').onclick = L.bind(toggleOptionalLayers, this);
},
initJsTree: function() {
initJsTree: function () {
var layerIndex = BR.layerIndex;
var treeData = this.toJsTree(BR.confLayers.tree);
var oldSelected = null;
var onSelectNode = function(e, data) {
var onSelectNode = function (e, data) {
var layerData = layerIndex[data.node.id];
var selected = data.selected[0];
@ -103,12 +103,12 @@ BR.LayersTab = BR.ControlLayers.extend({
}
};
var onDeselectNode = function(e, data) {
var onDeselectNode = function (e, data) {
this.hidePreview();
oldSelected = null;
};
var onCheckNode = function(e, data) {
var onCheckNode = function (e, data) {
var layerData = layerIndex[data.node.id];
var layer = this.createLayer(layerData);
var name = layerData.properties.name;
@ -124,12 +124,12 @@ BR.LayersTab = BR.ControlLayers.extend({
var ele = document.getElementById(data.node.a_attr.id);
ele.classList.add('added');
setTimeout(function() {
setTimeout(function () {
ele.classList.remove('added');
}, 1000);
};
var onUncheckNode = function(e, data) {
var onUncheckNode = function (e, data) {
var obj = this.getLayerById(data.node.id);
if (!obj) return;
@ -146,7 +146,7 @@ BR.LayersTab = BR.ControlLayers.extend({
var ele = document.getElementById(data.node.a_attr.id);
ele.classList.add('removed');
setTimeout(function() {
setTimeout(function () {
ele.classList.remove('removed');
}, 1000);
};
@ -156,30 +156,30 @@ BR.LayersTab = BR.ControlLayers.extend({
.on('deselect_node.jstree', L.bind(onDeselectNode, this))
.on('check_node.jstree', L.bind(onCheckNode, this))
.on('uncheck_node.jstree', L.bind(onUncheckNode, this))
.on('ready.jstree', function(e, data) {
.on('ready.jstree', function (e, data) {
data.instance.open_all();
})
.jstree({
plugins: ['checkbox'],
checkbox: {
whole_node: false,
tie_selection: false
tie_selection: false,
},
core: {
multiple: false,
themes: {
icons: false,
dots: false
dots: false,
},
data: treeData
}
data: treeData,
},
});
this.jstree = $('#optional-layers-tree').jstree(true);
},
toJsTree: function(layerTree) {
toJsTree: function (layerTree) {
var data = {
children: []
children: [],
};
var self = this;
@ -187,9 +187,9 @@ BR.LayersTab = BR.ControlLayers.extend({
var rootNode = {
text: i18next.t('sidebar.layers.category.' + name, name),
state: {
disabled: true
disabled: true,
},
children: []
children: [],
};
return rootNode;
}
@ -217,8 +217,8 @@ BR.LayersTab = BR.ControlLayers.extend({
id: id,
text: getText(props, parent),
state: {
checked: self.layersConfig.isDefaultLayer(id, props.overlay)
}
checked: self.layersConfig.isDefaultLayer(id, props.overlay),
},
};
}
return childNode;
@ -262,7 +262,7 @@ BR.LayersTab = BR.ControlLayers.extend({
return data.children;
},
storeDefaultLayers: function() {
storeDefaultLayers: function () {
var baseLayers = [];
var overlays = [];
@ -284,7 +284,7 @@ BR.LayersTab = BR.ControlLayers.extend({
this.layersConfig.storeDefaultLayers(baseLayers, overlays);
},
createLayer: function(layerData) {
createLayer: function (layerData) {
var layer = this.layersConfig.createLayer(layerData);
var overlay = layerData.properties.overlay;
@ -294,7 +294,7 @@ BR.LayersTab = BR.ControlLayers.extend({
return layer;
},
getLayerById: function(id) {
getLayerById: function (id) {
for (var i = 0; i < this._layers.length; i++) {
var obj = this._layers[i];
if (obj.layer.id === id) {
@ -305,7 +305,7 @@ BR.LayersTab = BR.ControlLayers.extend({
return null;
},
getLayerByLegacyName: function(legacyName) {
getLayerByLegacyName: function (legacyName) {
var obj = null;
var id = this.layersConfig.legacyNameToIdMap[legacyName];
@ -316,7 +316,7 @@ BR.LayersTab = BR.ControlLayers.extend({
return obj;
},
activateDefaultBaseLayer: function() {
activateDefaultBaseLayer: function () {
var index = BR.conf.defaultBaseLayerIndex || 0;
var activeBaseLayer = this.getActiveBaseLayer();
if (!activeBaseLayer) {
@ -324,11 +324,11 @@ BR.LayersTab = BR.ControlLayers.extend({
}
},
saveRemoveActiveLayers: function() {
saveRemoveActiveLayers: function () {
this.saveLayers = this.removeActiveLayers();
},
restoreActiveLayers: function(overlaysOnly) {
restoreActiveLayers: function (overlaysOnly) {
for (var i = 0; i < this.saveLayers.length; i++) {
var obj = this.saveLayers[i];
@ -345,7 +345,7 @@ BR.LayersTab = BR.ControlLayers.extend({
this.saveLayers = [];
},
removePreviewLayer: function() {
removePreviewLayer: function () {
if (this.previewLayer && this._map.hasLayer(this.previewLayer)) {
this._map.removeLayer(this.previewLayer);
this.previewLayer = null;
@ -354,7 +354,7 @@ BR.LayersTab = BR.ControlLayers.extend({
return false;
},
showPreviewBounds: function(layerData) {
showPreviewBounds: function (layerData) {
if (layerData.geometry) {
this.previewBounds = L.geoJson(layerData.geometry, {
// fill/mask outside of bounds polygon with Leaflet.snogylop
@ -363,30 +363,30 @@ BR.LayersTab = BR.ControlLayers.extend({
renderer: L.svg({ padding: 1 }),
color: '#333',
fillOpacity: 0.4,
weight: 2
weight: 2,
}).addTo(this._map);
}
},
removePreviewBounds: function() {
removePreviewBounds: function () {
if (this.previewBounds && this._map.hasLayer(this.previewBounds)) {
this._map.removeLayer(this.previewBounds);
this.previewBounds = null;
}
},
deselectNode: function() {
deselectNode: function () {
var selected = this.jstree.get_selected();
if (selected.length > 0) {
this.jstree.deselect_node(selected[0]);
}
},
onBaselayerchange: function() {
onBaselayerchange: function () {
// execute after current input click handler,
// otherwise added overlay checkbox state doesn't update
setTimeout(
L.Util.bind(function() {
L.Util.bind(function () {
this.removePreviewBounds();
this.removePreviewLayer();
this.restoreActiveLayers(true);
@ -396,7 +396,7 @@ BR.LayersTab = BR.ControlLayers.extend({
);
},
showPreview: function(layerData) {
showPreview: function (layerData) {
var layer = this.createLayer(layerData);
this._map.addLayer(layer);
this.removePreviewBounds();
@ -411,7 +411,7 @@ BR.LayersTab = BR.ControlLayers.extend({
L.DomUtil.get('preview').hidden = false;
},
hidePreview: function(layer) {
hidePreview: function (layer) {
this._map.off('baselayerchange', this.onBaselayerchange, this);
this.removePreviewBounds();
this.removePreviewLayer();
@ -420,11 +420,11 @@ BR.LayersTab = BR.ControlLayers.extend({
L.DomUtil.get('preview').hidden = true;
},
toLayerString: function(obj) {
toLayerString: function (obj) {
return obj.layer.id ? obj.layer.id : obj.name;
},
getLayerFromString: function(layerString) {
getLayerFromString: function (layerString) {
var obj = this.getLayerById(layerString);
if (!obj) {
@ -440,11 +440,11 @@ BR.LayersTab = BR.ControlLayers.extend({
return obj;
},
storeActiveLayers: function() {
storeActiveLayers: function () {
if (BR.Util.localStorageAvailable()) {
var objList = this.getActiveLayers();
var idList = objList.map(
L.bind(function(obj) {
L.bind(function (obj) {
return this.toLayerString(obj);
}, this)
);
@ -454,7 +454,7 @@ BR.LayersTab = BR.ControlLayers.extend({
}
},
loadActiveLayers: function() {
loadActiveLayers: function () {
if (BR.Util.localStorageAvailable()) {
var item = localStorage.getItem('map/activeLayers');
@ -471,9 +471,9 @@ BR.LayersTab = BR.ControlLayers.extend({
}
}
}
}
},
});
BR.layersTab = function(baseLayers, overlays, options) {
BR.layersTab = function (baseLayers, overlays, options) {
return new BR.LayersTab(baseLayers, overlays, options);
};

26
js/control/Message.js
View file

@ -2,15 +2,15 @@ BR.Message = L.Class.extend({
options: {
// true to manually attach click event to close button,
// Bootstrap data-api's auto-initialization doesn't work in Controls because of stopPropagation
alert: false
alert: false,
},
initialize: function(id, options) {
initialize: function (id, options) {
L.setOptions(this, options);
this.id = id;
},
_show: function(msg, type) {
_show: function (msg, type) {
var ele = L.DomUtil.get(this.id),
iconClass = type === 'warning' ? 'fa-exclamation-triangle' : 'fa-times-circle',
alertClass = type === 'warning' ? 'alert-warning' : 'alert-danger';
@ -35,20 +35,30 @@ BR.Message = L.Class.extend({
}
},
hide: function() {
hide: function () {
$('#' + this.id + ' .alert').alert('close');
},
showError: function(err) {
if (err == 'Error: target island detected for section 0\n') {
showError: function (err) {
if (err && err.message) err = err.message;
if (err == 'target island detected for section 0\n') {
err = i18next.t('warning.no-route-found');
} else if (err == 'no track found at pass=0\n') {
err = i18next.t('warning.no-route-found');
} else if (err == 'to-position not mapped in existing datafile\n') {
err = i18next.t('warning.invalid-route-to');
} else if (err == 'from-position not mapped in existing datafile\n') {
err = i18next.t('warning.invalid-route-from');
} else if (err && err.startsWith('null description for: ')) {
err = i18next.t('warning.no-route-found');
}
this._show(err, 'error');
},
showWarning: function(msg) {
showWarning: function (msg) {
this._show(msg, 'warning');
}
},
});
// static instance as global control

18
js/control/OpacitySlider.js
View file

@ -5,10 +5,10 @@ BR.OpacitySlider = L.Class.extend({
orientation: 'vertical',
defaultValue: BR.conf.defaultOpacity,
title: '',
callback: function(opacity) {}
callback: function (opacity) {},
},
initialize: function(options) {
initialize: function (options) {
L.setOptions(this, options);
var input = (this.input = $('<input id="slider-' + this.options.id + '" type="text"/>')),
@ -30,12 +30,12 @@ BR.OpacitySlider = L.Class.extend({
orientation: this.options.orientation,
reversed: this.options.reversed,
selection: this.options.reversed ? 'before' : 'after', // inverted, serves as track style, see css
tooltip: 'hide'
tooltip: 'hide',
})
.on('slide slideStop', { self: this }, function(evt) {
.on('slide slideStop', { self: this }, function (evt) {
evt.data.self.options.callback(evt.value / 100);
})
.on('slideStop', { self: this }, function(evt) {
.on('slideStop', { self: this }, function (evt) {
if (BR.Util.localStorageAvailable()) {
localStorage['opacitySliderValue' + evt.data.self.options.id] = evt.value;
}
@ -51,19 +51,19 @@ BR.OpacitySlider = L.Class.extend({
}
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.muteKeyCode) {
this.options.callback(0);
}
},
_keyupListener: function(e) {
_keyupListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.muteKeyCode) {
this.options.callback(this.input.val() / 100);
}
},
getElement: function() {
getElement: function () {
return this.input.slider('getElement');
}
},
});

14
js/control/OpacitySliderControl.js
View file

@ -1,9 +1,9 @@
BR.OpacitySliderControl = L.Control.extend({
options: {
position: 'topleft'
position: 'topleft',
},
onAdd: function(map) {
onAdd: function (map) {
var container = L.DomUtil.create('div', 'leaflet-bar control-slider');
// prevent also dragging map in Chrome
@ -21,22 +21,22 @@ BR.OpacitySliderControl = L.Control.extend({
var slider = new BR.OpacitySlider(this.options);
container.appendChild(slider.getElement());
var stopClickAfterSlide = function(evt) {
var stopClickAfterSlide = function (evt) {
L.DomEvent.stop(evt);
removeStopClickListeners();
};
var removeStopClickListeners = function() {
var removeStopClickListeners = function () {
document.removeEventListener('click', stopClickAfterSlide, true);
document.removeEventListener('mousedown', removeStopClickListeners, true);
};
slider.input
.on('slideStart', function(evt) {
.on('slideStart', function (evt) {
// dragging beyond slider control selects zoom control +/- text in Firefox
L.DomUtil.disableTextSelection();
})
.on('slideStop', { self: this }, function(evt) {
.on('slideStop', { self: this }, function (evt) {
L.DomUtil.enableTextSelection();
// When dragging outside slider and over map, click event after mouseup
@ -49,5 +49,5 @@ BR.OpacitySliderControl = L.Control.extend({
});
return container;
}
},
});

58
js/control/Profile.js
View file

@ -2,15 +2,15 @@ BR.Profile = L.Evented.extend({
cache: {},
saveWarningShown: false,
initialize: function() {
initialize: function () {
var textArea = L.DomUtil.get('profile_upload');
this.editor = CodeMirror.fromTextArea(textArea, {
lineNumbers: true
lineNumbers: true,
});
$('#profileEditorTabs a[data-toggle="tab"]').on(
'shown.bs.tab',
L.bind(function(e) {
L.bind(function (e) {
this._activateSecondaryTab();
}, this)
);
@ -22,11 +22,11 @@ BR.Profile = L.Evented.extend({
this.pinned = L.DomUtil.get('profile-pinned');
this.message = new BR.Message('profile_message', {
alert: true
alert: true,
});
},
clear: function(evt) {
clear: function (evt) {
var button = evt.target || evt.srcElement;
evt.preventDefault();
@ -38,7 +38,7 @@ BR.Profile = L.Evented.extend({
button.blur();
},
update: function(options) {
update: function (options) {
var profileName = options.profile,
profileUrl,
empty = !this.editor.getValue(),
@ -53,7 +53,7 @@ BR.Profile = L.Evented.extend({
profileUrl = BR.conf.profilesUrl + profileName + '.brf';
BR.Util.get(
profileUrl,
L.bind(function(err, profileText) {
L.bind(function (err, profileText) {
if (err) {
console.warn('Error getting profile from "' + profileUrl + '": ' + err);
return;
@ -82,15 +82,15 @@ BR.Profile = L.Evented.extend({
}
},
show: function() {
show: function () {
this.editor.refresh();
},
onResize: function() {
onResize: function () {
this.editor.refresh();
},
_upload: function(evt) {
_upload: function (evt) {
var button = evt.target || evt.srcElement,
profile = this.editor.getValue();
@ -99,7 +99,7 @@ BR.Profile = L.Evented.extend({
this.fire('update', {
profileText: profile,
callback: L.bind(function(err, profileId, profileText) {
callback: L.bind(function (err, profileId, profileText) {
$(button).blur();
if (!err) {
this.profileName = profileId;
@ -110,12 +110,12 @@ BR.Profile = L.Evented.extend({
this.saveWarningShown = true;
}
}
}, this)
}, this),
});
},
_buildCustomProfile: function(profileText) {
document.querySelectorAll('#profile_params input, #profile_params select').forEach(function(input) {
_buildCustomProfile: function (profileText) {
document.querySelectorAll('#profile_params input, #profile_params select').forEach(function (input) {
var name = input.name;
var value;
if (input.type == 'checkbox') {
@ -129,28 +129,28 @@ BR.Profile = L.Evented.extend({
name +
'\\s*=?\\s*)([\\w.]*)(\\s*#\\s*%(.*)%\\s*(\\|\\s*(.*)\\s*\\|\\s*(.*)\\s*)?[\\r\\n])'
);
profileText = profileText.replace(re, function(match, p1, p2, p3) {
profileText = profileText.replace(re, function (match, p1, p2, p3) {
return p1 + value + p3;
});
});
return profileText;
},
_save: function(evt) {
_save: function (evt) {
var profileText = this._buildCustomProfile(this.editor.getValue());
var that = this;
this.fire('update', {
profileText: profileText,
callback: function(err, profileId, profileText) {
callback: function (err, profileId, profileText) {
if (!err) {
that.profileName = profileId;
that.cache[profileId] = profileText;
}
}
},
});
},
_setValue: function(profileText) {
_setValue: function (profileText) {
profileText = profileText || '';
var clean = this.editor.isClean();
@ -169,12 +169,12 @@ BR.Profile = L.Evented.extend({
}
},
_buildParamsForm: function(profileText) {
_buildParamsForm: function (profileText) {
if (!profileText) return;
// Otherwise, create user friendly form
var params = {};
var global = profileText.split('---context:').filter(function(e) {
var global = profileText.split('---context:').filter(function (e) {
return e.startsWith('global');
});
if (global && global.length > 0) {
@ -183,7 +183,7 @@ BR.Profile = L.Evented.extend({
// Comment is mandatory
var assignRegex = /assign\s*(\w*)\s*=?\s*([\w\.]*)\s*#\s*%(.*)%\s*(\|\s*(.*)\s*\|\s*(.*)\s*)?$/;
global.forEach(function(item) {
global.forEach(function (item) {
var match = item.match(assignRegex);
var value;
if (match) {
@ -198,7 +198,7 @@ BR.Profile = L.Evented.extend({
paramType
.slice(1, -1)
.split(',')
.forEach(function(option) {
.forEach(function (option) {
var splitOption = option.split('=');
var value = (splitOption[0] || '').replace(/^\s+|\s+$/g, '');
var description = (splitOption[1] || '').replace(/^\s+|\s+$/g, '');
@ -230,7 +230,7 @@ BR.Profile = L.Evented.extend({
description: description,
type: paramType,
value: value,
possible_values: paramValues
possible_values: paramValues,
};
}
});
@ -242,7 +242,7 @@ BR.Profile = L.Evented.extend({
paramsSection.append(i18next.t('sidebar.profile.no_easy_configuration_warning'));
}
Object.keys(params).forEach(function(param) {
Object.keys(params).forEach(function (param) {
var div = document.createElement('div');
var label = document.createElement('label');
@ -257,7 +257,7 @@ BR.Profile = L.Evented.extend({
label.htmlFor = select.id = 'customize-profile-' + paramName;
var paramValues = params[param].possible_values;
Object.keys(paramValues).forEach(function(paramValue) {
Object.keys(paramValues).forEach(function (paramValue) {
var option = document.createElement('option');
option.value = paramValue;
if (paramValue == params[param].value) {
@ -308,11 +308,11 @@ BR.Profile = L.Evented.extend({
});
},
_isParamsFormActive: function() {
_isParamsFormActive: function () {
return L.DomUtil.get('profile_params_container').classList.contains('active');
},
_activateSecondaryTab: function() {
_activateSecondaryTab: function () {
var profileText = this.editor.getValue();
if (this._isParamsFormActive()) {
@ -320,5 +320,5 @@ BR.Profile = L.Evented.extend({
} else {
this._setValue(this._buildCustomProfile(profileText));
}
}
},
});

34
js/control/RoutingOptions.js
View file

@ -1,11 +1,11 @@
BR.RoutingOptions = L.Evented.extend({
options: {
shortcut: {
switch: 71 // char code for 'g'
}
switch: 71, // char code for 'g'
},
},
initialize: function() {
initialize: function () {
$('#profile-alternative').on('changed.bs.select', this._getChangeHandler());
// build option list from config
@ -25,17 +25,17 @@ BR.RoutingOptions = L.Evented.extend({
L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
},
refreshUI: function() {
refreshUI: function () {
// we do not allow to select more than one profile and/or alternative at a time
// so we disable the current selected items
$('#profile-alternative')
.find('option:disabled')
.each(function(index) {
.each(function (index) {
$(this).prop('disabled', false);
});
$('#profile-alternative')
.find('option:selected')
.each(function(index) {
.each(function (index) {
$(this).prop('disabled', true);
});
@ -51,21 +51,21 @@ BR.RoutingOptions = L.Evented.extend({
button.title = button.title + i18next.t('navbar.profile-tooltip', { key: 'G' });
},
getOptions: function() {
getOptions: function () {
var profile = $('#profile option:selected'),
alternative = $('#alternative option:selected');
this.refreshUI();
return {
profile: profile.val(),
alternative: alternative.val()
alternative: alternative.val(),
};
},
setOptions: function(options) {
setOptions: function (options) {
var values = [
options.profile ? options.profile : $('#profile option:selected').val(),
options.alternative ? options.alternative : $('#alternative option:selected').val()
options.alternative ? options.alternative : $('#alternative option:selected').val(),
];
$('.selectpicker').selectpicker('val', values);
this.refreshUI();
@ -76,7 +76,7 @@ BR.RoutingOptions = L.Evented.extend({
}
},
setCustomProfile: function(profile, noUpdate) {
setCustomProfile: function (profile, noUpdate) {
var profiles_grp, option;
profiles_grp = L.DomUtil.get('profile');
@ -87,7 +87,7 @@ BR.RoutingOptions = L.Evented.extend({
if (profile) {
$('#profile')
.find('option:selected')
.each(function(index) {
.each(function (index) {
$(this).prop('selected', false);
});
} else if (option.selected) {
@ -102,7 +102,7 @@ BR.RoutingOptions = L.Evented.extend({
}
},
getCustomProfile: function() {
getCustomProfile: function () {
var profiles_grp = L.DomUtil.get('profile'),
option = profiles_grp.children[0],
profile = null;
@ -113,17 +113,17 @@ BR.RoutingOptions = L.Evented.extend({
return profile;
},
_getChangeHandler: function() {
return L.bind(function(evt) {
_getChangeHandler: function () {
return L.bind(function (evt) {
this.fire('update', { options: this.getOptions() });
}, this);
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.switch) {
if (!$('#profile-alternative-form .dropdown').hasClass('show')) {
$('#profile-alternative-form button').click();
}
}
}
},
});

50
js/control/TrackAnalysis.js
View file

@ -20,8 +20,8 @@ BR.TrackAnalysis = L.Class.extend({
opacity: 0.8,
weight: 8,
// show above quality coding (pane defined in RoutingPathQuality.js)
pane: 'routingQualityPane'
}
pane: 'routingQualityPane',
},
},
/**
@ -35,7 +35,7 @@ BR.TrackAnalysis = L.Class.extend({
* @param {Map} map
* @param {object} options
*/
initialize: function(map, options) {
initialize: function (map, options) {
this.map = map;
L.setOptions(this, options);
},
@ -60,7 +60,7 @@ BR.TrackAnalysis = L.Class.extend({
/**
* Called by BR.Sidebar when tab is activated
*/
show: function() {
show: function () {
this.active = true;
this.options.requestUpdate(this);
},
@ -68,7 +68,7 @@ BR.TrackAnalysis = L.Class.extend({
/**
* Called by BR.Sidebar when tab is deactivated
*/
hide: function() {
hide: function () {
this.active = false;
},
@ -84,7 +84,7 @@ BR.TrackAnalysis = L.Class.extend({
* @param {Polyline} polyline
* @param {Array} segments
*/
update: function(polyline, segments) {
update: function (polyline, segments) {
if (!this.active) {
return;
}
@ -121,11 +121,11 @@ BR.TrackAnalysis = L.Class.extend({
* @param segments
* @returns {Object}
*/
calcStats: function(polyline, segments) {
calcStats: function (polyline, segments) {
var analysis = {
highway: {},
surface: {},
smoothness: {}
smoothness: {},
};
this.totalRouteDistance = 0.0;
@ -158,7 +158,7 @@ BR.TrackAnalysis = L.Class.extend({
),
name: wayTagParts[1],
subtype: trackType,
distance: 0.0
distance: 0.0,
};
}
analysis.highway[highwayType].distance += parseFloat(
@ -175,7 +175,7 @@ BR.TrackAnalysis = L.Class.extend({
),
name: wayTagParts[1],
subtype: '',
distance: 0.0
distance: 0.0,
};
}
analysis[wayTagParts[0]][wayTagParts[1]].distance += parseFloat(
@ -198,7 +198,7 @@ BR.TrackAnalysis = L.Class.extend({
*
* @returns {Object}
*/
sortAnalysisData: function(analysis) {
sortAnalysisData: function (analysis) {
var analysisSortable = {};
var result = {};
@ -217,7 +217,7 @@ BR.TrackAnalysis = L.Class.extend({
analysisSortable[type].push(analysis[type][name]);
}
analysisSortable[type].sort(function(a, b) {
analysisSortable[type].sort(function (a, b) {
return b.distance - a.distance;
});
@ -236,7 +236,7 @@ BR.TrackAnalysis = L.Class.extend({
* @param {string[]} wayTags
* @returns {string}
*/
getTrackType: function(wayTags) {
getTrackType: function (wayTags) {
for (var i = 0; i < wayTags.length; i++) {
var wayTagParts = wayTags[i].split('=');
if (wayTagParts[0] === 'tracktype') {
@ -250,7 +250,7 @@ BR.TrackAnalysis = L.Class.extend({
/**
* @param {Object} analysis
*/
render: function(analysis) {
render: function (analysis) {
var $content = $('#track_statistics');
$content.html('');
@ -275,7 +275,7 @@ BR.TrackAnalysis = L.Class.extend({
* @param {Array} data
* @returns {jQuery}
*/
renderTable: function(type, data) {
renderTable: function (type, data) {
var index;
var $table = $(
'<table data-type="' + type + '" class="mini cell-border stripe dataTable track-analysis-table"></table>'
@ -366,11 +366,11 @@ BR.TrackAnalysis = L.Class.extend({
* @param {number} meters
* @returns {string}
*/
formatDistance: function(meters) {
formatDistance: function (meters) {
return (meters / 1000).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
},
handleHover: function(event) {
handleHover: function (event) {
var $tableRow = $(event.currentTarget);
var $table = $tableRow.parents('table').first();
var dataType = $table.data('type');
@ -382,15 +382,13 @@ BR.TrackAnalysis = L.Class.extend({
this.highlightedSegments = L.layerGroup(polylinesForDataType).addTo(this.map);
},
handleHoverOut: function() {
handleHoverOut: function () {
this.map.removeLayer(this.highlightedSegments);
},
toggleSelected: function(event) {
toggleSelected: function (event) {
var tableRow = event.currentTarget;
var $table = $(tableRow)
.parents('table')
.first();
var $table = $(tableRow).parents('table').first();
var dataType = $table.data('type');
var dataName = $(tableRow).data('name');
var trackType = $(tableRow).data('subtype');
@ -426,7 +424,7 @@ BR.TrackAnalysis = L.Class.extend({
*
* @returns {Polyline[]}
*/
getPolylinesForDataType: function(dataType, dataName, trackType) {
getPolylinesForDataType: function (dataType, dataName, trackType) {
var polylines = [];
var trackLatLngs = this.trackPolyline.getLatLngs();
@ -461,7 +459,7 @@ BR.TrackAnalysis = L.Class.extend({
*
* @returns {boolean}
*/
wayTagsMatchesData: function(wayTags, dataType, dataName, trackType) {
wayTagsMatchesData: function (wayTags, dataType, dataName, trackType) {
var parsed = this.parseWayTags(wayTags);
switch (dataType) {
@ -502,7 +500,7 @@ BR.TrackAnalysis = L.Class.extend({
*
* @returns {object}
*/
parseWayTags: function(wayTags) {
parseWayTags: function (wayTags) {
var result = {};
var wayTagPairs = wayTags.feature.wayTags.split(' ');
@ -512,5 +510,5 @@ BR.TrackAnalysis = L.Class.extend({
}
return result;
}
},
});

44
js/control/TrackMessages.js
View file

@ -5,10 +5,10 @@ BR.TrackMessages = L.Class.extend({
opacity: 0.8,
weight: 8,
// show above quality coding (pane defined in RoutingPathQuality.js)
pane: 'routingQualityPane'
pane: 'routingQualityPane',
},
// center hovered edge (way segment) on map
syncMap: true
syncMap: true,
},
// true when tab is shown, false when hidden
@ -23,7 +23,7 @@ BR.TrackMessages = L.Class.extend({
ElevCost: { title: 'elev$', className: 'dt-body-right' },
TurnCost: { title: 'turn$', className: 'dt-body-right' },
NodeCost: { title: 'node$', className: 'dt-body-right' },
InitialCost: { title: 'initial$', className: 'dt-body-right' }
InitialCost: { title: 'initial$', className: 'dt-body-right' },
},
/**
@ -36,7 +36,7 @@ BR.TrackMessages = L.Class.extend({
*/
trackPolyline: null,
initialize: function(map, options) {
initialize: function (map, options) {
L.setOptions(this, options);
this._map = map;
@ -48,7 +48,7 @@ BR.TrackMessages = L.Class.extend({
L.DomEvent.on(syncButton, 'click', this._toggleSyncMap, this);
},
update: function(polyline, segments) {
update: function (polyline, segments) {
var i,
messages,
columns,
@ -89,7 +89,7 @@ BR.TrackMessages = L.Class.extend({
// (^= minimum height with flexbox?)
scrollY: 50,
scrollX: true,
order: []
order: [],
});
// highlight track segment (graph edge) on row hover
@ -98,23 +98,21 @@ BR.TrackMessages = L.Class.extend({
$('#datatable tbody').on('click', 'tr', L.bind(this._toggleSelected, this));
},
show: function() {
show: function () {
this.active = true;
this.options.requestUpdate(this);
},
hide: function() {
hide: function () {
this.active = false;
},
_destroyTable: function() {
_destroyTable: function () {
var ele;
if ($.fn.DataTable.isDataTable('#datatable')) {
// destroy option too slow on update, really remove elements with destroy method
$('#datatable')
.DataTable()
.destroy(true);
$('#datatable').DataTable().destroy(true);
// recreate original table element, destroy removes all
ele = document.createElement('table');
@ -126,7 +124,7 @@ BR.TrackMessages = L.Class.extend({
return ele || document.getElementById('datatable');
},
_getColumns: function(headings, data) {
_getColumns: function (headings, data) {
var columns = [],
defaultOptions,
options,
@ -135,7 +133,7 @@ BR.TrackMessages = L.Class.extend({
for (k = 0; k < headings.length; k++) {
defaultOptions = {
title: headings[k],
visible: !emptyColumns[k]
visible: !emptyColumns[k],
};
options = L.extend(defaultOptions, this.columnOptions[headings[k]]);
columns.push(options);
@ -143,7 +141,7 @@ BR.TrackMessages = L.Class.extend({
return columns;
},
_getEmptyColumns: function(data) {
_getEmptyColumns: function (data) {
var empty = new Array(data[0].length),
i;
@ -151,8 +149,8 @@ BR.TrackMessages = L.Class.extend({
empty[i] = true;
}
data.forEach(function(row) {
row.forEach(function(val, i) {
data.forEach(function (row) {
row.forEach(function (val, i) {
empty[i] = empty[i] && !val;
});
});
@ -160,7 +158,7 @@ BR.TrackMessages = L.Class.extend({
return empty;
},
_getRowEdge: function(tr) {
_getRowEdge: function (tr) {
var row = this._table.row($(tr)),
trackLatLngs = this.trackPolyline.getLatLngs(),
startIndex = row.index() > 0 ? this.trackEdges.edges[row.index() - 1] : 0,
@ -170,7 +168,7 @@ BR.TrackMessages = L.Class.extend({
return L.polyline(edgeLatLngs, this.options.edgeStyle);
},
_handleHover: function(evt) {
_handleHover: function (evt) {
var tr = evt.currentTarget;
this._hoveredEdge = this._getRowEdge(tr).addTo(this._map);
@ -179,12 +177,12 @@ BR.TrackMessages = L.Class.extend({
}
},
_handleHoverOut: function(evt) {
_handleHoverOut: function (evt) {
this._map.removeLayer(this._hoveredEdge);
this._hoveredEdge = null;
},
_toggleSelected: function(evt) {
_toggleSelected: function (evt) {
var tr = evt.currentTarget;
if (tr.classList.toggle('selected')) {
@ -205,10 +203,10 @@ BR.TrackMessages = L.Class.extend({
}
},
_toggleSyncMap: function(evt) {
_toggleSyncMap: function (evt) {
var button = evt.currentTarget;
button.classList.toggle('active');
this.options.syncMap = !this.options.syncMap;
}
},
});

10
js/control/TrackStats.js
View file

@ -1,5 +1,5 @@
BR.TrackStats = L.Class.extend({
update: function(polyline, segments) {
update: function (polyline, segments) {
if (segments.length == 0) {
$('#stats-container').hide();
$('#stats-info').show();
@ -12,7 +12,7 @@ BR.TrackStats = L.Class.extend({
var stats = this.calcStats(polyline, segments),
length1 = L.Util.formatNum(stats.trackLength / 1000, 1).toLocaleString(),
length3 = L.Util.formatNum(stats.trackLength / 1000, 3).toLocaleString(undefined, {
minimumFractionDigits: 3
minimumFractionDigits: 3,
}),
formattedAscend = stats.filteredAscend.toLocaleString(),
formattedPlainAscend = stats.plainAscend.toLocaleString(),
@ -39,14 +39,14 @@ BR.TrackStats = L.Class.extend({
$('#meanenergy').html(meanEnergy);
},
calcStats: function(polyline, segments) {
calcStats: function (polyline, segments) {
var stats = {
trackLength: 0,
filteredAscend: 0,
plainAscend: 0,
totalTime: 0,
totalEnergy: 0,
cost: 0
cost: 0,
};
var i, props;
@ -61,5 +61,5 @@ BR.TrackStats = L.Class.extend({
}
return stats;
}
},
});

159
js/index.js
View file

@ -4,7 +4,7 @@
Licensed under the MIT license.
*/
(function() {
(function () {
var mapContext;
function verifyTouchStyle(mapContext) {
@ -34,6 +34,7 @@
drawButton,
deleteRouteButton,
pois,
circlego,
urlHash;
// By default bootstrap-select use glyphicons
@ -41,14 +42,14 @@
iconBase: 'fa',
tickIcon: 'fa-check',
// don't overlap with footer
windowPadding: [0, 0, 40, 0]
windowPadding: [0, 0, 40, 0],
});
search = new BR.Search();
map.addControl(search);
$('#map .leaflet-control-geocoder > button')[0].title = i18next.t('keyboard.generic-shortcut', {
action: '$t(map.geocoder)',
key: 'F'
key: 'F',
});
router = L.bRouter(); //brouterCgi dummyRouter
@ -58,55 +59,67 @@
{
stateName: 'deactivate-draw',
icon: 'fa-pencil active',
onClick: function(control) {
onClick: function (control) {
routing.draw(false);
control.state('activate-draw');
},
title: i18next.t('keyboard.generic-shortcut', {
action: '$t(map.draw-route-stop)',
key: '$t(keyboard.escape)'
})
key: '$t(keyboard.escape)',
}),
},
{
stateName: 'activate-draw',
icon: 'fa-pencil',
onClick: function(control) {
onClick: function (control) {
routing.draw(true);
control.state('deactivate-draw');
},
title: i18next.t('keyboard.generic-shortcut', { action: '$t(map.draw-route-start)', key: 'D' })
}
]
title: i18next.t('keyboard.generic-shortcut', {
action: '$t(map.draw-route-start)',
key: 'D',
}),
},
],
});
var reverseRouteButton = L.easyButton(
'fa-random',
function() {
function () {
routing.reverse();
},
i18next.t('keyboard.generic-shortcut', { action: '$t(map.reverse-route)', key: 'R' })
i18next.t('keyboard.generic-shortcut', {
action: '$t(map.reverse-route)',
key: 'R',
})
);
var deletePointButton = L.easyButton(
'<span><i class="fa fa-caret-left"></i><i class="fa fa-map-marker" style="margin-left: 1px; color: gray;"></i></span>',
function() {
function () {
routing.deleteLastPoint();
},
i18next.t('keyboard.generic-shortcut', { action: '$t(map.delete-last-point)', key: 'Z' })
i18next.t('keyboard.generic-shortcut', {
action: '$t(map.delete-last-point)',
key: 'Z',
})
);
deleteRouteButton = L.easyButton(
'fa-trash-o',
function() {
function () {
clearRoute();
},
i18next.t('keyboard.generic-shortcut', { action: '$t(map.clear-route)', key: '$t(keyboard.backspace)' })
i18next.t('keyboard.generic-shortcut', {
action: '$t(map.clear-route)',
key: '$t(keyboard.backspace)',
})
);
L.DomEvent.addListener(
document,
'keydown',
function(e) {
function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && !$('.modal.show').length) {
if (e.keyCode === 8) {
// char code for 'backspace'
@ -128,19 +141,19 @@
inputOptions: [
{
text: i18next.t('map.delete-route'),
value: 'route'
value: 'route',
},
{
text: i18next.t('map.delete-nogo-areas'),
value: 'nogo'
value: 'nogo',
},
{
text: i18next.t('map.delete-pois'),
value: 'pois'
}
value: 'pois',
},
],
value: ['route'],
callback: function(result) {
callback: function (result) {
if (result !== null) {
if (result.indexOf('route') !== -1) {
routing.clear();
@ -154,7 +167,7 @@
onUpdate();
urlHash.onMapMove();
}
}
},
});
}
@ -177,14 +190,17 @@
routingOptions = new BR.RoutingOptions();
routingOptions.on('update', updateRoute);
routingOptions.on('update', function(evt) {
routingOptions.on('update', function (evt) {
profile.update(evt.options);
});
BR.NogoAreas.MSG_BUTTON = i18next.t('keyboard.generic-shortcut', { action: '$t(map.nogo.draw)', key: 'N' });
BR.NogoAreas.MSG_BUTTON = i18next.t('keyboard.generic-shortcut', {
action: '$t(map.nogo.draw)',
key: 'N',
});
BR.NogoAreas.MSG_BUTTON_CANCEL = i18next.t('keyboard.generic-shortcut', {
action: '$t(map.nogo.cancel)',
key: '$t(keyboard.escape)'
key: '$t(keyboard.escape)',
});
BR.NogoAreas.MSG_CREATE = i18next.t('map.nogo.click-drag');
BR.NogoAreas.MSG_DISABLED = i18next.t('map.nogo.edit');
@ -202,14 +218,14 @@
elevation = new BR.Heightgraph();
profile = new BR.Profile();
profile.on('update', function(evt) {
profile.on('update', function (evt) {
BR.message.hide();
var profileId = routingOptions.getCustomProfile();
router.uploadProfile(profileId, evt.profileText, function(err, profileId) {
router.uploadProfile(profileId, evt.profileText, function (err, profileId) {
if (!err) {
routingOptions.setCustomProfile(profileId, true);
updateRoute({
options: routingOptions.getOptions()
options: routingOptions.getOptions(),
});
} else {
profile.message.showError(err);
@ -224,40 +240,38 @@
}
});
});
profile.on('clear', function(evt) {
profile.on('clear', function (evt) {
profile.message.hide();
routingOptions.setCustomProfile(null);
});
trackMessages = new BR.TrackMessages(map, {
requestUpdate: requestUpdate
requestUpdate: requestUpdate,
});
trackAnalysis = new BR.TrackAnalysis(map, {
requestUpdate: requestUpdate
requestUpdate: requestUpdate,
});
routingPathQuality = new BR.RoutingPathQuality(map, layersControl);
routing = new BR.Routing({
routing: {
router: L.bind(router.getRouteSegment, router)
router: L.bind(router.getRouteSegment, router),
},
styles: BR.conf.routingStyles
styles: BR.conf.routingStyles,
});
pois = new BR.PoiMarkers({
routing: routing
});
pois = new BR.PoiMarkers(routing);
exportRoute = new BR.Export(router, pois);
routing.on('routing:routeWaypointEnd routing:setWaypointsEnd', function(evt) {
routing.on('routing:routeWaypointEnd routing:setWaypointsEnd', function (evt) {
search.clear();
onUpdate(evt && evt.err);
});
map.on('routing:draw-start', function() {
map.on('routing:draw-start', function () {
drawButton.state('deactivate-draw');
});
map.on('routing:draw-end', function() {
map.on('routing:draw-end', function () {
drawButton.state('activate-draw');
});
@ -298,15 +312,34 @@
listeningTabs: {
tab_profile: profile,
tab_data: trackMessages,
tab_analysis: trackAnalysis
}
tab_analysis: trackAnalysis,
},
}).addTo(map);
if (BR.conf.transit) {
sidebar.showPanel('tab_itinerary');
}
nogos.addTo(map);
L.easyBar([drawButton, reverseRouteButton, nogos.getButton(), deletePointButton, deleteRouteButton]).addTo(map);
var circlegoRadius = null;
var lang = i18next.languages.length && i18next.languages[0];
if (lang.startsWith('fr')) {
circlegoRadius = 20000;
}
if (circlegoRadius != null) {
circlego = new BR.CircleGoArea(routing, nogos, pois);
circlego.options.radius = circlegoRadius;
pois.circlego = circlego;
circlego.addTo(map);
}
var buttons = [drawButton, reverseRouteButton, nogos.getButton()];
if (circlegoRadius) buttons.push(circlego.getButton());
buttons.push(deletePointButton, deleteRouteButton);
L.easyBar(buttons).addTo(map);
nogos.preventRoutePointOnCreate(routing);
if (BR.keys.strava) {
@ -323,9 +356,12 @@
map.addControl(
new BR.OpacitySliderControl({
id: 'route',
title: i18next.t('map.opacity-slider-shortcut', { action: '$t(map.opacity-slider)', key: 'M' }),
title: i18next.t('map.opacity-slider-shortcut', {
action: '$t(map.opacity-slider)',
key: 'M',
}),
muteKeyCode: 77, // m
callback: L.bind(routing.setOpacity, routing)
callback: L.bind(routing.setOpacity, routing),
})
);
@ -340,8 +376,8 @@
layersControl.loadActiveLayers();
}
var onHashChangeCb = function(url) {
var url2params = function(s) {
var onHashChangeCb = function (url) {
var url2params = function (s) {
s = s.replace(/;/g, '|');
var p = {};
var sep = '&';
@ -367,13 +403,16 @@
routing.clear();
routing.setWaypoints(opts.lonlats);
}
if (opts.pois) {
pois.setMarkers(opts.pois);
}
if (circlego && opts.circlego) {
circlego.options.radius = opts.circlego[2];
circlego.setCircle([opts.circlego[0], opts.circlego[1]], opts.polylines != null);
}
};
var onInvalidHashChangeCb = function(params) {
var onInvalidHashChangeCb = function (params) {
params = params.replace('zoom=', 'map=');
params = params.replace('&lat=', '/');
params = params.replace('&lon=', '/');
@ -384,8 +423,10 @@
// do not initialize immediately
urlHash = new L.Hash(null, null);
// this callback is used to append anything in URL after L.Hash wrote #map=zoom/lat/lng/layer
urlHash.additionalCb = function() {
var url = router.getUrl(routing.getWaypoints(), pois.getMarkers(), null).substr('brouter?'.length + 1);
urlHash.additionalCb = function () {
var url = router
.getUrl(routing.getWaypoints(), pois.getMarkers(), circlego ? circlego.getCircle() : null, null)
.substr('brouter?'.length + 1);
// by default brouter use | as separator. To make URL more human-readable, we remplace them with ; for users
url = url.replace(/\|/g, ';');
@ -395,12 +436,12 @@
urlHash.onHashChangeCb = onHashChangeCb;
urlHash.onInvalidHashChangeCb = onInvalidHashChangeCb;
urlHash.init(map, {
layersControl: layersControl
layersControl: layersControl,
});
// activate configured default base layer or first if no hash,
// only after hash init, by using the same delay
setTimeout(function() {
setTimeout(function () {
layersControl.activateDefaultBaseLayer();
}, urlHash.changeDefer);
@ -412,7 +453,7 @@
// delete last waypoint
routing.on(
'waypoint:click',
function(evt) {
function (evt) {
var r = evt.marker._routing;
if (!r.prevMarker && !r.nextMarker) {
urlHash.onMapMove();
@ -422,7 +463,7 @@
);
}
i18next.on('languageChanged', function(detectedLanguage) {
i18next.on('languageChanged', function (detectedLanguage) {
// detected + fallbacks, e.g. ["de-DE", "de", "en"]
for (i = 0; i < i18next.languages.length; i++) {
var language = i18next.languages[i];
@ -445,14 +486,14 @@
{
fallbackLng: 'en',
backend: {
loadPath: 'dist/locales/{{lng}}.json'
}
loadPath: 'dist/locales/{{lng}}.json',
},
},
function(err, t) {
function (err, t) {
jqueryI18next.init(i18next, $, { useOptionsAttr: true });
$('html').localize();
$('#aboutLinks').localize({
privacyPolicyUrl: BR.conf.privacyPolicyUrl || 'https://brouter.de/privacypolicy.html'
privacyPolicyUrl: BR.conf.privacyPolicyUrl || 'https://brouter.de/privacypolicy.html',
});
mapContext = BR.Map.initMap();

12
js/plugin/Bing.js
View file

@ -3,14 +3,14 @@ BR.BingLayer = L.BingLayer.extend({
maxZoom: 19,
attribution:
'<a target="_blank" href="https://www.bing.com/maps/">Bing Maps</a>' +
' (<a target="_blank" href="https://go.microsoft.com/?linkid=9710837">TOU</a>)'
' (<a target="_blank" href="https://go.microsoft.com/?linkid=9710837">TOU</a>)',
},
initialize: function(key, options) {
initialize: function (key, options) {
L.BingLayer.prototype.initialize.call(this, key, options);
this._logo = L.control({ position: 'bottomleft' });
this._logo.onAdd = function(map) {
this._logo.onAdd = function (map) {
this._div = L.DomUtil.create('div', 'bing-logo');
this._div.innerHTML =
'<img src="https://www.microsoft.com/maps/images/branding/Bing%20logo%20white_50px-19px.png">';
@ -18,13 +18,13 @@ BR.BingLayer = L.BingLayer.extend({
};
},
onAdd: function(map) {
onAdd: function (map) {
L.BingLayer.prototype.onAdd.call(this, map);
map.addControl(this._logo);
},
onRemove: function(map) {
onRemove: function (map) {
L.BingLayer.prototype.onRemove.call(this, map);
map.removeControl(this._logo);
}
},
});

248
js/plugin/CircleGoArea.js Normal file
View file

@ -0,0 +1,248 @@
BR.CircleGoArea = L.Control.extend({
circleLayer: null,
outsideAreaRenderer: L.svg({ padding: 1 }),
options: {
radius: 1000, // in meters
shortcut: {
draw: {
enable: 73, // char code for 'i'
disable: 27, // char code for 'ESC'
},
},
},
initialize: function (routing, nogos, pois) {
this.routing = routing;
this.nogos = nogos;
this.pois = pois;
},
onAdd: function (map) {
var self = this;
this.map = map;
this.circleLayer = L.layerGroup([]).addTo(map);
var radiusKm = (this.options.radius / 1000).toFixed();
this.drawButton = L.easyButton({
states: [
{
stateName: 'activate-circlego',
icon: 'fa-circle-o',
onClick: function () {
self.draw(true);
},
title: i18next.t('keyboard.generic-shortcut', {
action: i18next.t('map.draw-circlego-start', { radius: radiusKm }),
key: 'I',
}),
},
{
stateName: 'deactivate-circlego',
icon: 'fa-circle-o active',
onClick: function () {
self.draw(false);
},
title: i18next.t('keyboard.generic-shortcut', {
action: i18next.t('map.draw-circlego-stop', { radius: radiusKm }),
key: '$t(keyboard.escape)',
}),
},
],
});
map.on('routing:draw-start', function () {
self.draw(false);
});
L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
var container = new L.DomUtil.create('div');
return container;
},
draw: function (enable) {
this.drawButton.state(enable ? 'deactivate-circlego' : 'activate-circlego');
if (enable) {
this.routing.draw(false);
this.pois.draw(false);
this.map.on('click', this.onMapClick, this);
L.DomUtil.addClass(this.map.getContainer(), 'circlego-draw-enabled');
} else {
this.map.off('click', this.onMapClick, this);
L.DomUtil.removeClass(this.map.getContainer(), 'circlego-draw-enabled');
}
},
_keydownListener: function (e) {
if (!BR.Util.keyboardShortcutsAllowed(e)) {
return;
}
if (e.keyCode === this.options.shortcut.draw.disable) {
this.draw(false);
} else if (e.keyCode === this.options.shortcut.draw.enable) {
this.draw(true);
}
},
setNogoCircle: function (center) {
if (center) {
var polygon = this.circleToPolygon(center, this.options.radius);
var geoJson = JSON.stringify(polygon);
$('#nogoJSON').val(geoJson);
$('#nogoBuffer').val(0);
this.nogos.uploadNogos();
var polygonClone = JSON.parse(geoJson);
this.setOutsideArea(polygonClone);
} else {
this.nogos.clear();
this.map.removeLayer(this.outsideArea);
}
},
setOutsideArea: function (polygon) {
var inner = polygon.features[0].geometry.coordinates.concat(polygon.features[1].geometry.coordinates);
var world = [
[180, 90],
[-180, 90],
[-180, -90],
[180, -90],
[180, 90],
];
polygon.features[0].geometry.coordinates = [world, inner];
polygon.features[0].geometry.type = 'Polygon';
polygon.features.pop();
if (this.outsideArea) {
this.map.removeLayer(this.outsideArea);
}
this.outsideArea = L.geoJson(polygon, {
renderer: this.outsideAreaRenderer,
style: function (feature) {
return {
weight: 2,
color: 'black',
opacity: 0.4,
fillColor: 'black',
fillOpacity: 0.4,
className: 'circlego-outside',
};
},
})
.on('click', L.DomEvent.stop)
.addTo(this.map);
},
onMapClick: function (e) {
this.setCircle([e.latlng.lng, e.latlng.lat], false);
},
setCircle: function (center, skipNogo) {
var self = this;
var icon = L.VectorMarkers.icon({
icon: 'home',
markerColor: BR.conf.markerColors.circlego,
});
var marker = L.marker([center[1], center[0]], { icon: icon, draggable: true, name: name })
.on('dragend', function (e) {
self.setNogoCircle([e.target.getLatLng().lng, e.target.getLatLng().lat]);
})
.on('click', function () {
var drawing = self.drawButton.state() == 'deactivate-circlego';
if (drawing) {
self.circleLayer.removeLayer(marker);
self.setNogoCircle(undefined);
}
});
this.clear();
marker.addTo(this.circleLayer);
if (!skipNogo) {
this.setNogoCircle(center);
} else {
var polygon = this.circleToPolygon(center, this.options.radius);
this.setOutsideArea(polygon);
}
this.draw(false);
},
clear: function () {
this.circleLayer.clearLayers();
},
getButton: function () {
return this.drawButton;
},
getCircle: function () {
var circle = this.circleLayer.getLayers().map(function (it) {
return it.getLatLng();
});
if (circle && circle.length) {
return [circle[0].lng.toFixed(6), circle[0].lat.toFixed(6), this.options.radius].join(',');
} else {
return null;
}
},
toRadians: function (angleInDegrees) {
return (angleInDegrees * Math.PI) / 180;
},
toDegrees: function (angleInRadians) {
return (angleInRadians * 180) / Math.PI;
},
offset: function (c1, distance, bearing) {
var lon1 = this.toRadians(c1[0]);
var lat1 = this.toRadians(c1[1]);
var dByR = distance / 6378137; // distance divided by 6378137 (radius of the earth) wgs84
var lat = Math.asin(Math.sin(lat1) * Math.cos(dByR) + Math.cos(lat1) * Math.sin(dByR) * Math.cos(bearing));
var lon =
lon1 +
Math.atan2(
Math.sin(bearing) * Math.sin(dByR) * Math.cos(lat1),
Math.cos(dByR) - Math.sin(lat1) * Math.sin(lat)
);
return [this.toDegrees(lon), this.toDegrees(lat)];
},
circleToPolygon: function (center, radius, numberOfSegments) {
var n = numberOfSegments ? numberOfSegments : 32;
var inner = [];
for (var i = 0; i < n; ++i) {
inner.push(this.offset(center, radius, (2 * Math.PI * -i) / n));
}
inner.push(inner[0]);
/* hack: it seems there is a bug when using a single closed ring line,
cf. https://github.com/nrenner/brouter-web/issues/349#issue-755514458
so instead we use 2 half rings to ensure we properly close the area */
return {
type: 'FeatureCollection',
features: [
{
type: 'Feature',
properties: {},
geometry: {
type: 'LineString',
coordinates: inner.slice(n / 2 - 1),
},
},
{
type: 'Feature',
properties: {},
geometry: {
type: 'LineString',
coordinates: inner.slice(0, n / 2 + 1),
},
},
],
};
},
});
BR.CircleGoArea.include(L.Evented.prototype);

70
js/plugin/Heightgraph.js
View file

@ -1,4 +1,4 @@
BR.Heightgraph = function(map, layersControl, routing, pois) {
BR.Heightgraph = function (map, layersControl, routing, pois) {
Heightgraph = L.Control.Heightgraph.extend({
options: {
width: $('#map').outerWidth(),
@ -6,64 +6,64 @@ BR.Heightgraph = function(map, layersControl, routing, pois) {
top: 15,
right: 30,
bottom: 30,
left: 70
left: 70,
},
expandControls: false,
mappings: {
gradient: {
'-5': {
text: '- 16%+',
color: '#028306'
color: '#028306',
},
'-4': {
text: '- 10-15%',
color: '#2AA12E'
color: '#2AA12E',
},
'-3': {
text: '- 7-9%',
color: '#53BF56'
color: '#53BF56',
},
'-2': {
text: '- 4-6%',
color: '#7BDD7E'
color: '#7BDD7E',
},
'-1': {
text: '- 1-3%',
color: '#A4FBA6'
color: '#A4FBA6',
},
'0': {
0: {
text: '0%',
color: '#ffcc99'
color: '#ffcc99',
},
'1': {
1: {
text: '1-3%',
color: '#F29898'
color: '#F29898',
},
'2': {
2: {
text: '4-6%',
color: '#E07575'
color: '#E07575',
},
'3': {
3: {
text: '7-9%',
color: '#CF5352'
color: '#CF5352',
},
'4': {
4: {
text: '10-15%',
color: '#BE312F'
color: '#BE312F',
},
'5': {
5: {
text: '16%+',
color: '#AD0F0C'
}
}
color: '#AD0F0C',
},
},
},
// extra options
shortcut: {
toggle: 69 // char code for 'e'
}
toggle: 69, // char code for 'e'
},
},
addBelow: function(map) {
addBelow: function (map) {
// waiting for https://github.com/MrMufflon/Leaflet.Elevation/pull/66
// this.width($('#map').outerWidth());
this.options.width = $('#content').outerWidth();
@ -89,12 +89,12 @@ BR.Heightgraph = function(map, layersControl, routing, pois) {
var self = this;
var container = $('#elevation-chart');
$(window).resize(function() {
$(window).resize(function () {
// avoid useless computations if the chart is not visible
if (container.is(':visible')) {
self.resize({
width: container.width(),
height: container.height()
height: container.height(),
});
}
});
@ -103,10 +103,10 @@ BR.Heightgraph = function(map, layersControl, routing, pois) {
// The resize must be called after the animation (i.e. 'shown.bs.collapse')
// and cannot be called before the animation (i.e. 'show.bs.collapse'),
// for the container has the old width pre animation and new width post animation.
container.on('shown.bs.collapse', function() {
container.on('shown.bs.collapse', function () {
self.resize({
width: container.width(),
height: container.height()
height: container.height(),
});
});
@ -114,9 +114,9 @@ BR.Heightgraph = function(map, layersControl, routing, pois) {
this.update();
},
initCollapse: function(map) {
initCollapse: function (map) {
var self = this;
var onHide = function() {
var onHide = function () {
$('#elevation-btn').removeClass('active');
// we must fetch tiles that are located behind elevation-chart
map._onResize();
@ -125,7 +125,7 @@ BR.Heightgraph = function(map, layersControl, routing, pois) {
localStorage.removeItem(this.id);
}
};
var onShow = function() {
var onShow = function () {
$('#elevation-btn').addClass('active');
if (this.id && BR.Util.localStorageAvailable()) {
@ -136,20 +136,20 @@ BR.Heightgraph = function(map, layersControl, routing, pois) {
$('#elevation-chart')
.on('hidden.bs.collapse', onHide)
.on('shown.bs.collapse', onShow)
.each(function() {
.each(function () {
if (this.id && BR.Util.localStorageAvailable() && localStorage[this.id] === 'true') {
self.shouldRestoreChart = true;
}
});
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.toggle) {
$('#elevation-btn').click();
}
},
update: function(track, layer) {
update: function (track, layer) {
// bring height indicator to front, because of track casing in BR.Routing
if (this._mouseHeightFocus) {
var g = this._mouseHeightFocus._groups[0][0].parentNode;
@ -186,7 +186,7 @@ BR.Heightgraph = function(map, layersControl, routing, pois) {
}
$('#elevation-chart').collapse('hide');
}
}
},
});
var heightgraphControl = new Heightgraph();

208
js/plugin/NogoAreas.js
View file

@ -3,9 +3,9 @@ BR.NogoAreas = L.Control.extend({
shortcut: {
draw: {
enable: 78, // char code for 'n'
disable: 27 // char code for 'ESC'
}
}
disable: 27, // char code for 'ESC'
},
},
},
statics: {
@ -16,7 +16,7 @@ BR.NogoAreas = L.Control.extend({
MSG_ENABLED:
'&square; = move / resize, <span class="fa fa-trash-o"></span> = delete,<br>click nogo to quit editing',
STATE_CREATE: 'no-go-create',
STATE_CANCEL: 'cancel-no-go-create'
STATE_CANCEL: 'cancel-no-go-create',
},
style: {
@ -25,27 +25,27 @@ BR.NogoAreas = L.Control.extend({
opacity: 0.5,
fillColor: null, //same as color by default
fillOpacity: 0.2,
dashArray: null
dashArray: null,
},
editStyle: {
color: '#fe57a1',
opacity: 0.6,
dashArray: '10, 10',
fillOpacity: 0.1
fillOpacity: 0.1,
},
initialize: function() {
initialize: function () {
this._wasRouteDrawing = false;
},
onAdd: function(map) {
onAdd: function (map) {
var self = this;
$('#submitNogos').on('click', L.bind(this.uploadNogos, this));
this.drawnItems = new L.FeatureGroup().addTo(map);
this.drawnItems.on('click', function(e) {
this.drawnItems.on('click', function (e) {
L.DomEvent.stop(e);
e.layer.toggleEdit();
});
@ -54,10 +54,10 @@ BR.NogoAreas = L.Control.extend({
circleEditorClass: BR.DeletableCircleEditor,
// FeatureGroup instead of LayerGroup to propagate events to members
editLayer: new L.FeatureGroup().addTo(map),
featuresLayer: this.drawnItems
featuresLayer: this.drawnItems,
}));
this.startDrawing = function(control) {
this.startDrawing = function (control) {
// initial radius of 0 to detect click, see DeletableCircleEditor.onDrawingMouseUp
var opts = L.extend({ radius: 0 }, self.style);
editTools.startCircle(null, opts);
@ -65,7 +65,7 @@ BR.NogoAreas = L.Control.extend({
control.state('cancel-no-go-create');
};
this.stopDrawing = function(control) {
this.stopDrawing = function (control) {
editTools.stopDrawing();
control.state('no-go-create');
};
@ -76,15 +76,15 @@ BR.NogoAreas = L.Control.extend({
stateName: BR.NogoAreas.STATE_CREATE,
icon: 'fa-ban',
title: BR.NogoAreas.MSG_BUTTON,
onClick: this.startDrawing
onClick: this.startDrawing,
},
{
stateName: BR.NogoAreas.STATE_CANCEL,
icon: 'fa-ban active',
title: BR.NogoAreas.MSG_BUTTON_CANCEL,
onClick: this.stopDrawing
}
]
onClick: this.stopDrawing,
},
],
});
// prevent instant re-activate when turning off button by both Pointer and Click
@ -95,11 +95,11 @@ BR.NogoAreas = L.Control.extend({
this.editTools.on(
'editable:drawing:end',
function(e) {
function (e) {
self.button.state(BR.NogoAreas.STATE_CREATE);
setTimeout(
L.bind(function() {
L.bind(function () {
// turn editing off after create; async to still fire 'editable:vertex:dragend'
e.layer.disableEdit();
}, this),
@ -111,7 +111,7 @@ BR.NogoAreas = L.Control.extend({
this.editTools.on(
'editable:vertex:dragend editable:deleted',
function(e) {
function (e) {
this._fireUpdate();
},
this
@ -119,14 +119,14 @@ BR.NogoAreas = L.Control.extend({
this.editTools.on(
'editable:enable',
function(e) {
function (e) {
e.layer.setStyle(this.editStyle);
},
this
);
this.editTools.on(
'editable:disable',
function(e) {
function (e) {
e.layer.setStyle(this.style);
},
this
@ -139,7 +139,7 @@ BR.NogoAreas = L.Control.extend({
return L.DomUtil.create('div');
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (!BR.Util.keyboardShortcutsAllowed(e)) {
return;
}
@ -153,34 +153,38 @@ BR.NogoAreas = L.Control.extend({
}
},
displayUploadError: function(message) {
displayUploadError: function (message) {
$('#nogoError').text(message ? message : '');
$('#nogoError').css('display', message ? 'block' : 'none');
},
uploadNogos: function() {
uploadNogos: function () {
var self = this;
var geoJSONPromise;
var nogoJSON = $('#nogoJSON').val(); //hidden
var nogoURL = $('#nogoURL').val();
var nogoFile = $('#nogoFile')[0].files[0];
if (nogoURL) {
if (nogoJSON) {
geoJSONPromise = Promise.resolve(JSON.parse(nogoJSON));
$('#nogoJSON').val(undefined);
} else if (nogoURL) {
// TODO: Handle {{bbox}}
geoJSONPromise = fetch(nogoURL).then(function(response) {
geoJSONPromise = fetch(nogoURL).then(function (response) {
response.json();
});
} else if (nogoFile) {
geoJSONPromise = new Promise(function(resolve, reject) {
geoJSONPromise = new Promise(function (resolve, reject) {
var reader = new FileReader();
reader.onload = function() {
reader.onload = function () {
resolve(reader.result);
};
reader.onerror = function() {
reader.onerror = function () {
self.displayUploadError('Could not load file: ' + reader.error.message);
};
reader.readAsText(nogoFile);
}).then(function(response) {
}).then(function (response) {
return JSON.parse(response);
});
} else {
@ -207,10 +211,10 @@ BR.NogoAreas = L.Control.extend({
return false;
}
geoJSONPromise.then(function(response) {
geoJSONPromise.then(function (response) {
// Iterate on features in order to discard features without geometry
var cleanedGeoJSONFeatures = [];
turf.flattenEach(response, function(feature) {
turf.flattenEach(response, function (feature) {
if (turf.getGeom(feature)) {
var maybeBufferedFeature = feature;
// Eventually buffer GeoJSON
@ -227,31 +231,31 @@ BR.NogoAreas = L.Control.extend({
}
var geoJSON = L.geoJson(turf.featureCollection(cleanedGeoJSONFeatures), {
onEachFeature: function(feature, layer) {
onEachFeature: function (feature, layer) {
layer.options.nogoWeight = feature.properties.nogoWeight || nogoWeight;
}
},
});
var nogosPoints = geoJSON.getLayers().filter(function(e) {
var nogosPoints = geoJSON.getLayers().filter(function (e) {
return e.feature.geometry.type === 'Point';
});
nogosPoints = nogosPoints.map(function(item) {
nogosPoints = nogosPoints.map(function (item) {
var radius = item.feature.properties.radius || nogoRadius;
if (radius > 0) {
return L.circle(item.getLatLng(), { radius: radius });
}
return null;
});
nogosPoints = nogosPoints.filter(function(e) {
nogosPoints = nogosPoints.filter(function (e) {
return e;
});
self.setOptions({
nogos: nogosPoints,
polygons: geoJSON.getLayers().filter(function(e) {
polygons: geoJSON.getLayers().filter(function (e) {
return e.feature.geometry.type === 'Polygon';
}),
polylines: geoJSON.getLayers().filter(function(e) {
polylines: geoJSON.getLayers().filter(function (e) {
return e.feature.geometry.type === 'LineString';
})
}),
});
self._fireUpdate();
self.displayUploadError(undefined);
@ -261,10 +265,10 @@ BR.NogoAreas = L.Control.extend({
},
// prevent route waypoint added after circle create (map click after up)
preventRoutePointOnCreate: function(routing) {
preventRoutePointOnCreate: function (routing) {
this.editTools.on(
'editable:drawing:start',
function(e) {
function (e) {
this._wasRouteDrawing = routing.isDrawing();
routing.draw(false);
},
@ -274,9 +278,9 @@ BR.NogoAreas = L.Control.extend({
// after create
this.editTools.on(
'editable:drawing:end',
function(e) {
function (e) {
if (this._wasRouteDrawing) {
setTimeout(function() {
setTimeout(function () {
routing.draw(true);
}, 0);
}
@ -285,21 +289,21 @@ BR.NogoAreas = L.Control.extend({
);
},
getOptions: function() {
getOptions: function () {
return {
nogos: this.drawnItems.getLayers().filter(function(e) {
nogos: this.drawnItems.getLayers().filter(function (e) {
return e instanceof L.Circle;
}),
polygons: this.drawnItems.getLayers().filter(function(e) {
polygons: this.drawnItems.getLayers().filter(function (e) {
return e instanceof L.Polygon;
}),
polylines: this.drawnItems.getLayers().filter(function(e) {
polylines: this.drawnItems.getLayers().filter(function (e) {
return e instanceof L.Polyline && !(e instanceof L.Polygon);
})
}),
};
},
setOptions: function(options) {
setOptions: function (options) {
var nogos = options.nogos;
var polylines = options.polylines;
var polygons = options.polygons;
@ -324,30 +328,30 @@ BR.NogoAreas = L.Control.extend({
}
},
_clear: function() {
_clear: function () {
this.drawnItems.clearLayers();
},
clear: function() {
clear: function () {
this._clear();
this._fireUpdate();
},
_fireUpdate: function() {
_fireUpdate: function () {
this.fire('update', { options: this.getOptions() });
},
getFeatureGroup: function() {
getFeatureGroup: function () {
return this.drawnItems;
},
getEditGroup: function() {
getEditGroup: function () {
return this.editTools.editLayer;
},
getButton: function() {
getButton: function () {
return this.button;
}
},
});
BR.NogoAreas.include(L.Evented.prototype);
@ -359,7 +363,7 @@ BR.Editable = L.Editable.extend({
// Also, we generally disable the Tap handler in the map options for route dragging,
// see Map.js, so we always need to enable for drawing.
initialize: function(map, options) {
initialize: function (map, options) {
L.Editable.prototype.initialize.call(this, map, options);
if (!this.map.tap) {
@ -368,7 +372,7 @@ BR.Editable = L.Editable.extend({
}
},
registerForDrawing: function(editor) {
registerForDrawing: function (editor) {
this._tapEnabled = this.map.tap.enabled();
if (!this._tapEnabled) {
this.map.tap.enable();
@ -377,7 +381,7 @@ BR.Editable = L.Editable.extend({
L.Editable.prototype.registerForDrawing.call(this, editor);
},
unregisterForDrawing: function(editor) {
unregisterForDrawing: function (editor) {
if (!this._tapEnabled) {
this.map.tap.disable();
}
@ -385,23 +389,23 @@ BR.Editable = L.Editable.extend({
L.Editable.prototype.unregisterForDrawing.call(this, editor);
},
createVertexIcon: function(options) {
createVertexIcon: function (options) {
return BR.Browser.touch ? new L.Editable.TouchVertexIcon(options) : new L.Editable.VertexIcon(options);
}
},
});
BR.EditingTooltip = L.Handler.extend({
options: {
closeTimeout: 2000
closeTimeout: 2000,
},
initialize: function(map, editTools, button) {
initialize: function (map, editTools, button) {
this.map = map;
this.editTools = editTools;
this.button = button;
},
addHooks: function() {
addHooks: function () {
// hack: listen to EasyButton click (instead of editable:drawing:start),
// to get mouse position from event for initial tooltip location
L.DomEvent.addListener(this.button.button, 'click', this._addCreate, this);
@ -413,7 +417,7 @@ BR.EditingTooltip = L.Handler.extend({
this.editTools.on('editable:disable', this._disable, this);
},
removeHooks: function() {
removeHooks: function () {
L.DomEvent.removeListener(this.button.button, 'click', this._addCreate, this);
this.editTools.featuresLayer.off('layeradd', this._bind, this);
@ -423,19 +427,19 @@ BR.EditingTooltip = L.Handler.extend({
this.editTools.off('editable:disable', this._disable, this);
},
_bind: function(e) {
_bind: function (e) {
// Position tooltip at bottom of circle, less distracting than
// sticky with cursor or at center.
var layer = e.layer;
layer.bindTooltip(BR.NogoAreas.MSG_DISABLED, {
direction: 'bottom',
className: 'editing-tooltip'
className: 'editing-tooltip',
});
// Override to set position to south instead of center (circle latlng);
// works better with zooming than updating offset to match radius
layer.openTooltip = function(layer, latlng) {
layer.openTooltip = function (layer, latlng) {
if (!latlng && layer instanceof L.Layer) {
latlng = L.latLng(
layer.getBounds().getSouth(),
@ -446,7 +450,7 @@ BR.EditingTooltip = L.Handler.extend({
};
},
_addCreate: function(e) {
_addCreate: function (e) {
// button cancel
if (!this.editTools.drawing()) return;
@ -457,21 +461,21 @@ BR.EditingTooltip = L.Handler.extend({
// offset wrong with 'auto' when switching direction
direction: 'right',
offset: L.point(5, 28),
className: 'editing-tooltip-create'
className: 'editing-tooltip-create',
});
// self-reference hack for _moveTooltip, as tooltip is not bound to layer
tooltip._tooltip = tooltip;
// simulate sticky feature (follow mouse) for map tooltip without layer
var onOffMove = function(e) {
var onOffMove = function (e) {
var onOff = e.type === 'tooltipclose' ? 'off' : 'on';
this._map[onOff]('mousemove', this._moveTooltip, this);
};
this.map.on('tooltipopen', onOffMove, tooltip);
this.map.on('tooltipclose', onOffMove, tooltip);
var onTooltipRemove = function(e) {
var onTooltipRemove = function (e) {
this.map.off('tooltipopen', onOffMove, e.tooltip);
this.map.off('tooltipclose', onOffMove, e.tooltip);
this.map.off('tooltipclose', onTooltipRemove, this);
@ -482,7 +486,7 @@ BR.EditingTooltip = L.Handler.extend({
tooltip.setTooltipContent(BR.NogoAreas.MSG_CREATE);
this.map.openTooltip(tooltip, initialLatLng);
var closeTooltip = function() {
var closeTooltip = function () {
this.map.closeTooltip(tooltip);
};
this.editTools.once('editable:editing editable:drawing:cancel', closeTooltip, this);
@ -493,22 +497,22 @@ BR.EditingTooltip = L.Handler.extend({
}
},
_setCloseTimeout: function(layer) {
var timeoutId = setTimeout(function() {
_setCloseTimeout: function (layer) {
var timeoutId = setTimeout(function () {
layer.closeTooltip();
}, this.options.closeTimeout);
// prevent timer to close tooltip that changed in the meantime
layer.once('tooltipopen', function(e) {
layer.once('tooltipopen', function (e) {
clearTimeout(timeoutId);
});
},
_postCreate: function() {
_postCreate: function () {
// editing is disabled by another handler, tooltip won't stay open before
this.editTools.once(
'editable:disable',
function(e) {
function (e) {
// show for a few seconds, as mouse often not hovering circle after create
e.layer.openTooltip(e.layer);
this._setCloseTimeout(e.layer);
@ -517,54 +521,54 @@ BR.EditingTooltip = L.Handler.extend({
);
},
_enable: function(e) {
_enable: function (e) {
e.layer.setTooltipContent(BR.NogoAreas.MSG_ENABLED);
this.editTools.once(
'editable:editing',
function(e) {
function (e) {
e.layer.closeTooltip();
},
this
);
},
_disable: function(e) {
_disable: function (e) {
e.layer.setTooltipContent(BR.NogoAreas.MSG_DISABLED);
this._setCloseTimeout(e.layer);
}
},
});
BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
_computeDeleteLatLng: function() {
_computeDeleteLatLng: function () {
// While circle is not added to the map, _radius is not set.
var delta = (this.feature._radius || this.feature._mRadius) * Math.cos(Math.PI / 4),
point = this.map.project(this.feature._latlng);
return this.map.unproject([point.x - delta, point.y - delta]);
},
_updateDeleteLatLng: function() {
_updateDeleteLatLng: function () {
this._deleteLatLng.update(this._computeDeleteLatLng());
this._deleteLatLng.__vertex.update();
},
_addDeleteMarker: function() {
_addDeleteMarker: function () {
if (!this.enabled()) return;
this._deleteLatLng = this._computeDeleteLatLng();
return new BR.DeleteMarker(this._deleteLatLng, this);
},
_delete: function() {
_delete: function () {
this.disable();
this.tools.featuresLayer.removeLayer(this.feature);
},
delete: function() {
delete: function () {
this._delete();
this.fireAndForward('editable:deleted');
},
initialize: function(map, feature, options) {
initialize: function (map, feature, options) {
L.Editable.CircleEditor.prototype.initialize.call(this, map, feature, options);
this._deleteLatLng = this._computeDeleteLatLng();
@ -572,7 +576,7 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
this.editLayer = new L.FeatureGroup();
},
addHooks: function() {
addHooks: function () {
L.Editable.CircleEditor.prototype.addHooks.call(this);
if (this.feature) {
this._addDeleteMarker();
@ -580,12 +584,12 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
return this;
},
reset: function() {
reset: function () {
L.Editable.CircleEditor.prototype.reset.call(this);
this._addDeleteMarker();
},
onDrawingMouseDown: function(e) {
onDrawingMouseDown: function (e) {
this._deleteLatLng.update(e.latlng);
L.Editable.CircleEditor.prototype.onDrawingMouseDown.call(this, e);
},
@ -593,7 +597,7 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
// override to cancel/remove created circle when added by click instead of drag, because:
// - without resize, edit handles stacked on top of each other
// - makes event handling more complicated (editable:vertex:dragend not called)
onDrawingMouseUp: function(e) {
onDrawingMouseUp: function (e) {
if (this.feature.getRadius() > 0) {
this.commitDrawing(e);
} else {
@ -604,10 +608,10 @@ BR.DeletableCircleEditor = L.Editable.CircleEditor.extend({
L.Editable.PathEditor.prototype.onDrawingMouseUp.call(this, e);
},
onVertexMarkerDrag: function(e) {
onVertexMarkerDrag: function (e) {
this._updateDeleteLatLng();
L.Editable.CircleEditor.prototype.onVertexMarkerDrag.call(this, e);
}
},
});
BR.DeleteMarker = L.Marker.extend({
@ -615,11 +619,11 @@ BR.DeleteMarker = L.Marker.extend({
draggable: false,
icon: L.divIcon({
iconSize: BR.Browser.touch ? new L.Point(24, 24) : new L.Point(16, 16),
className: 'leaflet-div-icon fa fa-trash-o nogo-delete-marker'
})
className: 'leaflet-div-icon fa fa-trash-o nogo-delete-marker',
}),
},
initialize: function(latlng, editor, options) {
initialize: function (latlng, editor, options) {
// derived from L.Editable.VertexMarker.initialize
// We don't use this._latlng, because on drag Leaflet replace it while
@ -636,18 +640,18 @@ BR.DeleteMarker = L.Marker.extend({
this.setZIndexOffset(editor.tools._lastZIndex);
},
onAdd: function(map) {
onAdd: function (map) {
L.Marker.prototype.onAdd.call(this, map);
this.on('click', this.onClick);
},
onRemove: function(map) {
onRemove: function (map) {
delete this.latlng.__vertex;
this.off('click', this.onClick);
L.Marker.prototype.onRemove.call(this, map);
},
onClick: function(e) {
onClick: function (e) {
this.editor.delete();
}
},
});

67
js/plugin/POIMarkers.js
View file

@ -1,17 +1,21 @@
BR.PoiMarkers = L.Control.extend({
markersLayer: null,
circlego: null,
options: {
routing: null,
shortcut: {
draw: {
enable: 80, // char code for 'p'
disable: 27 // char code for 'ESC'
}
}
disable: 27, // char code for 'ESC'
},
},
},
initialize: function (routing) {
this.routing = routing;
this.circlego = null;
},
onAdd: function(map) {
onAdd: function (map) {
var self = this;
this.map = map;
@ -22,26 +26,26 @@ BR.PoiMarkers = L.Control.extend({
{
stateName: 'activate-poi',
icon: 'fa-hand-o-right',
onClick: function() {
onClick: function () {
self.draw(true);
},
title: i18next.t('keyboard.generic-shortcut', { action: '$t(map.draw-poi-start)', key: 'P' })
title: i18next.t('keyboard.generic-shortcut', { action: '$t(map.draw-poi-start)', key: 'P' }),
},
{
stateName: 'deactivate-poi',
icon: 'fa-hand-o-right active',
onClick: function() {
onClick: function () {
self.draw(false);
},
title: i18next.t('keyboard.generic-shortcut', {
action: '$t(map.draw-poi-stop)',
key: '$t(keyboard.escape)'
})
}
]
key: '$t(keyboard.escape)',
}),
},
],
}).addTo(map);
map.on('routing:draw-start', function() {
map.on('routing:draw-start', function () {
self.draw(false);
});
@ -51,10 +55,11 @@ BR.PoiMarkers = L.Control.extend({
return container;
},
draw: function(enable) {
draw: function (enable) {
this.drawButton.state(enable ? 'deactivate-poi' : 'activate-poi');
if (enable) {
this.options.routing.draw(false);
this.routing.draw(false);
if (this.circlego) this.circlego.draw(false);
this.map.on('click', this.onMapClick, this);
L.DomUtil.addClass(this.map.getContainer(), 'pois-draw-enabled');
} else {
@ -63,7 +68,7 @@ BR.PoiMarkers = L.Control.extend({
}
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (!BR.Util.keyboardShortcutsAllowed(e)) {
return;
}
@ -74,22 +79,22 @@ BR.PoiMarkers = L.Control.extend({
}
},
onMapClick: function(e) {
onMapClick: function (e) {
var self = this;
bootbox.prompt({
title: i18next.t('map.enter-poi-name'),
callback: function(result) {
callback: function (result) {
if (result !== null) {
self.addMarker(e.latlng, result);
}
}
},
});
},
addMarker: function(latlng, name) {
addMarker: function (latlng, name) {
var icon = L.VectorMarkers.icon({
icon: 'star',
markerColor: BR.conf.markerColors.poi
markerColor: BR.conf.markerColors.poi,
});
var content = BR.Util.sanitizeHTMLContent(name) + '<br>';
@ -98,11 +103,11 @@ BR.PoiMarkers = L.Control.extend({
var self = this;
var marker = L.marker(latlng, { icon: icon, draggable: true, name: name })
.bindPopup(content)
.on('dragend', function() {
.on('dragend', function () {
self.fire('update');
})
.on('popupopen', function() {
$('#remove-poi-marker').on('click', function(e) {
.on('popupopen', function () {
$('#remove-poi-marker').on('click', function (e) {
self.markersLayer.removeLayer(marker);
e.preventDefault();
self.fire('update');
@ -111,11 +116,11 @@ BR.PoiMarkers = L.Control.extend({
.addTo(this.markersLayer);
},
clear: function() {
clear: function () {
this.markersLayer.clearLayers();
},
setMarkers: function(latLngNames) {
setMarkers: function (latLngNames) {
this.clear();
if (!latLngNames) return;
@ -126,14 +131,14 @@ BR.PoiMarkers = L.Control.extend({
}
},
getMarkers: function() {
return this.markersLayer.getLayers().map(function(it) {
getMarkers: function () {
return this.markersLayer.getLayers().map(function (it) {
return {
latlng: it._latlng,
name: it.options.name
latlng: it.getLatLng(),
name: it.options.name,
};
});
}
},
});
BR.PoiMarkers.include(L.Evented.prototype);

788
js/plugin/RouteLoaderConverter.js
View file

@ -1,395 +1,393 @@
BR.routeLoader = function(map, layersControl, routing, pois) {
RouteLoader = L.Control.extend({
_layerName: 'Tracklayer',
_trackLayer: undefined,
_bounds: undefined,
_testLayer: L.layerGroup().addTo(map),
_trackPoints: [],
_maxTrackPoints: 200,
_closeCanceled: true,
_currentGeoJSON: {},
_options: {
format: undefined,
showTrackLayer: true,
showPointAsPoi: true,
simplifyTolerance: -1,
isTestMode: false,
simplifyLastKnownGood: 0.001
},
setDialogDraggable: function(jqDlgHeader) {
jqDlgHeader.on('mousedown', function(mousedownEvt) {
var $draggable = $(this);
var x = mousedownEvt.pageX - $draggable.offset().left,
y = mousedownEvt.pageY - $draggable.offset().top;
$('body').on('mousemove.draggable', function(mousemoveEvt) {
$draggable.closest('.modal-dialog').offset({
left: mousemoveEvt.pageX - x,
top: mousemoveEvt.pageY - y
});
});
$('body').one('mouseup', function() {
$('body').off('mousemove.draggable');
});
$draggable.closest('.modal').one('bs.modal.hide', function() {
$('body').off('mousemove.draggable');
});
});
},
getSimplifiedCoords: function(tolerance) {
var simplifiedLine = turf.simplify(this._trackPoints.geometry, {
tolerance: tolerance,
highQuality: true
});
return simplifiedLine.coordinates;
},
refreshTestLayer: function() {
this.onBusyChanged(true);
this._testLayer.clearLayers();
var simplifiedLatLngs = L.GeoJSON.coordsToLatLngs(
this.getSimplifiedCoords(this._options.simplifyTolerance)
);
if (simplifiedLatLngs.length > this._maxTrackPoints) {
this.onBusyChanged(false);
return false;
}
for (var i = 0; i < simplifiedLatLngs.length; i++) {
this._testLayer.addLayer(
L.circleMarker(simplifiedLatLngs[i], {
radius: 6,
fill: false,
color: '#FF0000'
})
);
}
this.onBusyChanged(false);
return true;
},
cleanup: function(e) {
this._testLayer.clearLayers();
if (
this._trackLayer &&
map.hasLayer(this._trackLayer) &&
(!this._options.showTrackLayer || this._closeCanceled)
) {
map.removeLayer(this._trackLayer);
layersControl.removeLayer(this._trackLayer);
this._trackLayer = undefined;
}
(this._bounds = undefined), (this._trackPoints = []);
this._currentGeoJSON = {};
this._options = {
ext: 'gpx',
showTrackLayer: true,
showPointAsPoi: true,
simplifyTolerance: -1,
isTestMode: false,
simplifyLastKnownGood: 0.001
};
},
setSliderRange: function() {
$slider = $('#simplify_tolerance');
$slider.prop('min', -500);
var guessedTolerance = this.guessSimplifyTolerance(this._trackPoints);
var guessedLength = this.getSimplifiedCoords(guessedTolerance).length;
if (guessedLength > this._maxTrackPoints) {
this._maxTrackPoints = guessedLength;
$slider.prop('min', 0);
}
$slider.data('lastknowngood', 0);
$slider.data('guess', guessedTolerance.toFixed(20));
$slider.val(0);
this._options.simplifyTolerance = guessedTolerance;
this.refreshTestLayer();
},
onToleranceSlider: function(e) {
var guess = parseFloat($(e.target).data('guess'));
var f = parseFloat(e.target.value);
var frac = parseFloat($(e.target).prop('max'));
if (f > guess)
this._options.simplifyTolerance = guess + Math.pow(f, 2) * (guess / (Math.pow(frac, 2) / 10));
else this._options.simplifyTolerance = Math.abs(guess + Math.pow(f, 3) * (guess / Math.pow(frac, 3)));
if (!this.refreshTestLayer()) {
var iterate = this.findLowestTolerance(
parseInt(e.target.value),
parseInt($(e.target).data('lastknowngood')),
guess,
frac
);
$(e.target).prop('min', iterate);
$(e.target).data('lastknowngood', iterate);
e.target.value = $(e.target).data('lastknowngood');
this._options.simplifyTolerance = this._options.simplifyLastKnownGood = Math.abs(
guess + Math.pow(iterate, 3) * (guess / Math.pow(frac, 3))
);
this.refreshTestLayer();
} else {
this._options.simplifyLastKnownGood = this._options.simplifyTolerance;
$(e.target).data('lastknowngood', e.target.value);
}
},
findLowestTolerance: function(min, max, guess, frac) {
if (Math.abs(max - min) <= 2) return max;
var meridian = Math.round((max + min) / 2);
var tolerance = Math.abs(guess + Math.pow(meridian, 3) * (guess / Math.pow(frac, 3)));
var simplifiedCoords = this.getSimplifiedCoords(tolerance);
if (simplifiedCoords.length > this._maxTrackPoints)
return this.findLowestTolerance(meridian, max, guess, frac);
else return this.findLowestTolerance(min, meridian, guess, frac);
},
onBusyChanged: function(isBusy) {
if (typeof isBusy === undefined) {
isBusy = false;
}
if (isBusy === true) $('#loadedittrackdlg #msg_busy').removeClass('invisible');
else $('#loadedittrackdlg #msg_busy').addClass('invisible');
},
onManualCollapse: function(e) {
//workaround for starting with closed collapse
if ($('#loadedittrackdlg').is(':hidden')) return;
this._options.isTestMode = $(e.target).hasClass('show');
if (this._options.isTestMode) {
this.once('file:loaded', this.setSliderRange, this);
this.convertTrackLocal();
} else this.cleanup();
},
onAdd: function(map) {
$('#loadedittrackdlg').on(
'hidden.bs.modal',
function(e) {
this.cleanup();
}.bind(this)
);
$('#loadedittrackdlg').on(
'show.bs.modal',
function(e) {
$('#manual_collapse').collapse('hide');
this._closeCanceled = true;
}.bind(this)
);
L.DomUtil.get('submitLoadEditTrack').onclick = L.bind(function() {
this._closeCanceled = false;
this.onBusyChanged(true);
if (this._testLayer.getLayers().length > 0) {
this._testLayer.clearLayers();
setTimeout(
function() {
this.addRoutingPoints();
this.onBusyChanged(false);
$('#loadedittrackdlg').modal('hide');
}.bind(this),
0
);
} else
setTimeout(
function() {
this.convertTrackLocal();
$('#loadedittrackdlg').modal('hide');
}.bind(this),
0
);
}, this);
L.DomUtil.get('simplify_tolerance').oninput = L.bind(this.onToleranceSlider, this);
L.DomUtil.get('loadedittrackFile').onchange = L.bind(this.onFileChanged, this);
this.onFileChanged({ target: L.DomUtil.get('loadedittrackFile') });
this.setDialogDraggable($('#loadedittrackdlg .modal-header'));
$('#manual_collapse').collapse('hide');
$('#manual_collapse').on(
'hidden.bs.collapse shown.bs.collapse',
function(e) {
this.onManualCollapse(e);
}.bind(this)
);
// dummy, no own representation, delegating to EasyButton
var dummy = L.DomUtil.create('div');
dummy.hidden = true;
return dummy;
},
onRemove: function(map) {
// Nothing to do here
},
onFileChanged: function(e) {
if (!e.target.files[0]) return;
$(e.target)
.next('label')
.text(e.target.files[0].name);
var testmode = this._options.isTestMode;
this.cleanup();
this._options.isTestMode = testmode;
if (this._options.isTestMode) {
this.once('file:loaded', this.setSliderRange, this);
this.convertTrackLocal();
}
},
setLayerNameFromGeojson: function(geoJSON) {
if (geoJSON.type == 'Feature' && geoJSON.properties && geoJSON.properties.name) {
this._layerName = geoJSON.properties.name;
return;
}
if (geoJSON.type == 'FeatureCollection') {
for (var i = 0; i < geoJSON.features.length; i++) {
if (geoJSON.features[i].properties && geoJSON.features[i].properties.name) {
this._layerName = geoJSON.features[i].properties.name;
return;
}
}
}
},
getOptions: function() {
this._options.showTrackLayer = $('#cb_showtracklayer')[0].checked;
this._options.showPointAsPoi = $('#cb_showpois')[0].checked;
this._options.simplifyTolerance = -1;
this._bounds = undefined;
},
convertTrackLocal: function() {
if ($('#loadedittrackFile')[0].files.length == 0) return;
this.onBusyChanged(true);
this.getOptions();
var trackFile = $('#loadedittrackFile')[0].files[0];
this._layerName = trackFile.name.replace(/\.[^\.]*$/, '');
if (!this._options.format) this._options.format = trackFile.name.split('.').pop();
var reader = new FileReader();
reader.onload = L.bind(this.processFile, this);
reader.readAsText(trackFile);
},
addTrackOverlay: function(geoJSON) {
this._trackLayer = L.geoJSON(geoJSON, BR.Track.getGeoJsonOptions(layersControl)).addTo(map);
layersControl.addOverlay(this._trackLayer, BR.Util.sanitizeHTMLContent(this._layerName));
this._bounds = this._trackLayer.getBounds();
if (this._bounds) map.fitBounds(this._bounds);
},
getLineStringsFromGeoJSON: function(geoJSON) {
var allLinePoints = [];
var flat = turf.flatten(geoJSON);
turf.featureEach(flat, function(feature, idx) {
if (turf.getType(feature) == 'LineString') {
feature = turf.cleanCoords(feature);
var lPoints = turf.coordAll(feature);
allLinePoints = allLinePoints.concat(lPoints);
}
});
var linesGeoJSON = turf.lineString(allLinePoints);
linesGeoJSON.length = allLinePoints.length;
return linesGeoJSON;
},
guessSimplifyTolerance: function(trackPoints) {
var tolerance = trackPoints.length / 1000000;
if (tolerance > 0.8) tolerance = 0.8;
return tolerance;
},
addRoutingPoints: function(geoJSON) {
if (this._options.simplifyTolerance < 0)
this._options.simplifyTolerance = this.guessSimplifyTolerance(this._trackPoints);
var routingPoints = [];
var simplifiedLatLngs = L.GeoJSON.coordsToLatLngs(
this.getSimplifiedCoords(this._options.simplifyTolerance)
);
for (var i = 0; i < simplifiedLatLngs.length; i++) {
routingPoints.push(simplifiedLatLngs[i]);
}
if (routingPoints.length > 0) {
routing.setWaypoints(routingPoints, function(event) {
if (!event) return;
var err = event.error;
BR.message.showError(
i18next.t('warning.tracks-load-error', {
error: err && err.message ? err.message : err
})
);
});
if (!this._bounds) this._bounds = L.latLngBounds(routingPoints);
}
if (!this._bounds) map.fitBounds(this._bounds);
if (this._options.showPointAsPoi) {
BR.Track.addPoiMarkers(pois, this._currentGeoJSON);
}
},
processFile: function(e) {
var res = e.target.result;
var geoJSON = null;
switch (this._options.format) {
case 'kml':
case 'gpx':
var xml = new DOMParser().parseFromString(res, 'text/xml');
geoJSON = toGeoJSON[this._options.format](xml);
break;
default:
geoJSON = JSON.parse(res);
break;
}
this._currentGeoJSON = geoJSON;
this.setLayerNameFromGeojson(geoJSON);
this._trackPoints = this.getLineStringsFromGeoJSON(geoJSON);
var length = turf.length(this._trackPoints, { units: 'kilometers' });
this._maxTrackPoints = Math.min(length * Math.max(-0.14 * length + 10, 1), 200);
this.fire('file:loaded');
if (this._options.showTrackLayer || this._options.isTestMode) this.addTrackOverlay(geoJSON);
if (!this._options.isTestMode) this.addRoutingPoints();
this.onBusyChanged(false);
}
});
RouteLoader.include(L.Evented.prototype);
var routeLoaderControl = new RouteLoader();
routeLoaderControl.addTo(map);
return routeLoaderControl;
};
BR.routeLoader = function (map, layersControl, routing, pois) {
RouteLoader = L.Control.extend({
_layerName: 'Tracklayer',
_trackLayer: undefined,
_bounds: undefined,
_testLayer: L.layerGroup().addTo(map),
_trackPoints: [],
_maxTrackPoints: 200,
_closeCanceled: true,
_currentGeoJSON: {},
_options: {
format: undefined,
showTrackLayer: true,
showPointAsPoi: true,
simplifyTolerance: -1,
isTestMode: false,
simplifyLastKnownGood: 0.001,
},
setDialogDraggable: function (jqDlgHeader) {
jqDlgHeader.on('mousedown', function (mousedownEvt) {
var $draggable = $(this);
var x = mousedownEvt.pageX - $draggable.offset().left,
y = mousedownEvt.pageY - $draggable.offset().top;
$('body').on('mousemove.draggable', function (mousemoveEvt) {
$draggable.closest('.modal-dialog').offset({
left: mousemoveEvt.pageX - x,
top: mousemoveEvt.pageY - y,
});
});
$('body').one('mouseup', function () {
$('body').off('mousemove.draggable');
});
$draggable.closest('.modal').one('bs.modal.hide', function () {
$('body').off('mousemove.draggable');
});
});
},
getSimplifiedCoords: function (tolerance) {
var simplifiedLine = turf.simplify(this._trackPoints.geometry, {
tolerance: tolerance,
highQuality: true,
});
return simplifiedLine.coordinates;
},
refreshTestLayer: function () {
this.onBusyChanged(true);
this._testLayer.clearLayers();
var simplifiedLatLngs = L.GeoJSON.coordsToLatLngs(
this.getSimplifiedCoords(this._options.simplifyTolerance)
);
if (simplifiedLatLngs.length > this._maxTrackPoints) {
this.onBusyChanged(false);
return false;
}
for (var i = 0; i < simplifiedLatLngs.length; i++) {
this._testLayer.addLayer(
L.circleMarker(simplifiedLatLngs[i], {
radius: 6,
fill: false,
color: '#FF0000',
})
);
}
this.onBusyChanged(false);
return true;
},
cleanup: function (e) {
this._testLayer.clearLayers();
if (
this._trackLayer &&
map.hasLayer(this._trackLayer) &&
(!this._options.showTrackLayer || this._closeCanceled)
) {
map.removeLayer(this._trackLayer);
layersControl.removeLayer(this._trackLayer);
this._trackLayer = undefined;
}
(this._bounds = undefined), (this._trackPoints = []);
this._currentGeoJSON = {};
this._options = {
ext: 'gpx',
showTrackLayer: true,
showPointAsPoi: true,
simplifyTolerance: -1,
isTestMode: false,
simplifyLastKnownGood: 0.001,
};
},
setSliderRange: function () {
$slider = $('#simplify_tolerance');
$slider.prop('min', -500);
var guessedTolerance = this.guessSimplifyTolerance(this._trackPoints);
var guessedLength = this.getSimplifiedCoords(guessedTolerance).length;
if (guessedLength > this._maxTrackPoints) {
this._maxTrackPoints = guessedLength;
$slider.prop('min', 0);
}
$slider.data('lastknowngood', 0);
$slider.data('guess', guessedTolerance.toFixed(20));
$slider.val(0);
this._options.simplifyTolerance = guessedTolerance;
this.refreshTestLayer();
},
onToleranceSlider: function (e) {
var guess = parseFloat($(e.target).data('guess'));
var f = parseFloat(e.target.value);
var frac = parseFloat($(e.target).prop('max'));
if (f > guess)
this._options.simplifyTolerance = guess + Math.pow(f, 2) * (guess / (Math.pow(frac, 2) / 10));
else this._options.simplifyTolerance = Math.abs(guess + Math.pow(f, 3) * (guess / Math.pow(frac, 3)));
if (!this.refreshTestLayer()) {
var iterate = this.findLowestTolerance(
parseInt(e.target.value),
parseInt($(e.target).data('lastknowngood')),
guess,
frac
);
$(e.target).prop('min', iterate);
$(e.target).data('lastknowngood', iterate);
e.target.value = $(e.target).data('lastknowngood');
this._options.simplifyTolerance = this._options.simplifyLastKnownGood = Math.abs(
guess + Math.pow(iterate, 3) * (guess / Math.pow(frac, 3))
);
this.refreshTestLayer();
} else {
this._options.simplifyLastKnownGood = this._options.simplifyTolerance;
$(e.target).data('lastknowngood', e.target.value);
}
},
findLowestTolerance: function (min, max, guess, frac) {
if (Math.abs(max - min) <= 2) return max;
var meridian = Math.round((max + min) / 2);
var tolerance = Math.abs(guess + Math.pow(meridian, 3) * (guess / Math.pow(frac, 3)));
var simplifiedCoords = this.getSimplifiedCoords(tolerance);
if (simplifiedCoords.length > this._maxTrackPoints)
return this.findLowestTolerance(meridian, max, guess, frac);
else return this.findLowestTolerance(min, meridian, guess, frac);
},
onBusyChanged: function (isBusy) {
if (typeof isBusy === undefined) {
isBusy = false;
}
if (isBusy === true) $('#loadedittrackdlg #msg_busy').removeClass('invisible');
else $('#loadedittrackdlg #msg_busy').addClass('invisible');
},
onManualCollapse: function (e) {
//workaround for starting with closed collapse
if ($('#loadedittrackdlg').is(':hidden')) return;
this._options.isTestMode = $(e.target).hasClass('show');
if (this._options.isTestMode) {
this.once('file:loaded', this.setSliderRange, this);
this.convertTrackLocal();
} else this.cleanup();
},
onAdd: function (map) {
$('#loadedittrackdlg').on(
'hidden.bs.modal',
function (e) {
this.cleanup();
}.bind(this)
);
$('#loadedittrackdlg').on(
'show.bs.modal',
function (e) {
$('#manual_collapse').collapse('hide');
this._closeCanceled = true;
}.bind(this)
);
L.DomUtil.get('submitLoadEditTrack').onclick = L.bind(function () {
this._closeCanceled = false;
this.onBusyChanged(true);
if (this._testLayer.getLayers().length > 0) {
this._testLayer.clearLayers();
setTimeout(
function () {
this.addRoutingPoints();
this.onBusyChanged(false);
$('#loadedittrackdlg').modal('hide');
}.bind(this),
0
);
} else
setTimeout(
function () {
this.convertTrackLocal();
$('#loadedittrackdlg').modal('hide');
}.bind(this),
0
);
}, this);
L.DomUtil.get('simplify_tolerance').oninput = L.bind(this.onToleranceSlider, this);
L.DomUtil.get('loadedittrackFile').onchange = L.bind(this.onFileChanged, this);
this.onFileChanged({ target: L.DomUtil.get('loadedittrackFile') });
this.setDialogDraggable($('#loadedittrackdlg .modal-header'));
$('#manual_collapse').collapse('hide');
$('#manual_collapse').on(
'hidden.bs.collapse shown.bs.collapse',
function (e) {
this.onManualCollapse(e);
}.bind(this)
);
// dummy, no own representation, delegating to EasyButton
var dummy = L.DomUtil.create('div');
dummy.hidden = true;
return dummy;
},
onRemove: function (map) {
// Nothing to do here
},
onFileChanged: function (e) {
if (!e.target.files[0]) return;
$(e.target).next('label').text(e.target.files[0].name);
var testmode = this._options.isTestMode;
this.cleanup();
this._options.isTestMode = testmode;
if (this._options.isTestMode) {
this.once('file:loaded', this.setSliderRange, this);
this.convertTrackLocal();
}
},
setLayerNameFromGeojson: function (geoJSON) {
if (geoJSON.type == 'Feature' && geoJSON.properties && geoJSON.properties.name) {
this._layerName = geoJSON.properties.name;
return;
}
if (geoJSON.type == 'FeatureCollection') {
for (var i = 0; i < geoJSON.features.length; i++) {
if (geoJSON.features[i].properties && geoJSON.features[i].properties.name) {
this._layerName = geoJSON.features[i].properties.name;
return;
}
}
}
},
getOptions: function () {
this._options.showTrackLayer = $('#cb_showtracklayer')[0].checked;
this._options.showPointAsPoi = $('#cb_showpois')[0].checked;
this._options.simplifyTolerance = -1;
this._bounds = undefined;
},
convertTrackLocal: function () {
if ($('#loadedittrackFile')[0].files.length == 0) return;
this.onBusyChanged(true);
this.getOptions();
var trackFile = $('#loadedittrackFile')[0].files[0];
this._layerName = trackFile.name.replace(/\.[^\.]*$/, '');
if (!this._options.format) this._options.format = trackFile.name.split('.').pop();
var reader = new FileReader();
reader.onload = L.bind(this.processFile, this);
reader.readAsText(trackFile);
},
addTrackOverlay: function (geoJSON) {
this._trackLayer = L.geoJSON(geoJSON, BR.Track.getGeoJsonOptions(layersControl)).addTo(map);
layersControl.addOverlay(this._trackLayer, BR.Util.sanitizeHTMLContent(this._layerName));
this._bounds = this._trackLayer.getBounds();
if (this._bounds) map.fitBounds(this._bounds);
},
getLineStringsFromGeoJSON: function (geoJSON) {
var allLinePoints = [];
var flat = turf.flatten(geoJSON);
turf.featureEach(flat, function (feature, idx) {
if (turf.getType(feature) == 'LineString') {
feature = turf.cleanCoords(feature);
var lPoints = turf.coordAll(feature);
allLinePoints = allLinePoints.concat(lPoints);
}
});
var linesGeoJSON = turf.lineString(allLinePoints);
linesGeoJSON.length = allLinePoints.length;
return linesGeoJSON;
},
guessSimplifyTolerance: function (trackPoints) {
var tolerance = trackPoints.length / 1000000;
if (tolerance > 0.8) tolerance = 0.8;
return tolerance;
},
addRoutingPoints: function (geoJSON) {
if (this._options.simplifyTolerance < 0)
this._options.simplifyTolerance = this.guessSimplifyTolerance(this._trackPoints);
var routingPoints = [];
var simplifiedLatLngs = L.GeoJSON.coordsToLatLngs(
this.getSimplifiedCoords(this._options.simplifyTolerance)
);
for (var i = 0; i < simplifiedLatLngs.length; i++) {
routingPoints.push(simplifiedLatLngs[i]);
}
if (routingPoints.length > 0) {
routing.setWaypoints(routingPoints, function (event) {
if (!event) return;
var err = event.error;
BR.message.showError(
i18next.t('warning.tracks-load-error', {
error: err && err.message ? err.message : err,
})
);
});
if (!this._bounds) this._bounds = L.latLngBounds(routingPoints);
}
if (!this._bounds) map.fitBounds(this._bounds);
if (this._options.showPointAsPoi) {
BR.Track.addPoiMarkers(pois, this._currentGeoJSON);
}
},
processFile: function (e) {
var res = e.target.result;
var geoJSON = null;
switch (this._options.format) {
case 'kml':
case 'gpx':
var xml = new DOMParser().parseFromString(res, 'text/xml');
geoJSON = toGeoJSON[this._options.format](xml);
break;
default:
geoJSON = JSON.parse(res);
break;
}
this._currentGeoJSON = geoJSON;
this.setLayerNameFromGeojson(geoJSON);
this._trackPoints = this.getLineStringsFromGeoJSON(geoJSON);
var length = turf.length(this._trackPoints, { units: 'kilometers' });
this._maxTrackPoints = Math.min(length * Math.max(-0.14 * length + 10, 1), 200);
this.fire('file:loaded');
if (this._options.showTrackLayer || this._options.isTestMode) this.addTrackOverlay(geoJSON);
if (!this._options.isTestMode) this.addRoutingPoints();
this.onBusyChanged(false);
},
});
RouteLoader.include(L.Evented.prototype);
var routeLoaderControl = new RouteLoader();
routeLoaderControl.addTo(map);
return routeLoaderControl;
};

96
js/plugin/Routing.js
View file

@ -1,4 +1,4 @@
L.Routing.Draw.prototype._hideTrailer = function() {
L.Routing.Draw.prototype._hideTrailer = function () {
if (this._trailer.options.opacity !== 0.0) {
this._trailer.setStyle({ opacity: 0.0 });
}
@ -12,7 +12,7 @@ BR.Routing = L.Routing.extend({
normal: L.VectorMarkers.icon({ icon: 'circle', markerColor: BR.conf.markerColors.via }),
end: L.VectorMarkers.icon({ icon: 'stop', markerColor: BR.conf.markerColors.stop }),
draw: false,
opacity: 1
opacity: 1,
},
snapping: null,
zIndexOffset: -2000,
@ -20,21 +20,21 @@ BR.Routing = L.Routing.extend({
// width as base number, multiplied by number of digits + one for padding
iconSize: [6, 18],
offset: 5000,
textFunction: function(distance) {
textFunction: function (distance) {
return distance / 1000;
}
},
},
shortcut: {
draw: {
enable: 68, // char code for 'd'
disable: 27 // char code for 'ESC'
disable: 27, // char code for 'ESC'
},
reverse: 82, // char code for 'r'
deleteLastPoint: 90 // char code for 'z'
}
deleteLastPoint: 90, // char code for 'z'
},
},
onAdd: function(map) {
onAdd: function (map) {
this._segmentsCasing = new L.FeatureGroup().addTo(map);
this._loadingTrailerGroup = new L.FeatureGroup().addTo(map);
@ -45,18 +45,18 @@ BR.Routing = L.Routing.extend({
this._waypoints.on('layeradd', this._setMarkerOpacity, this);
this.on('routing:routeWaypointStart routing:rerouteAllSegmentsStart', function(evt) {
this.on('routing:routeWaypointStart routing:rerouteAllSegmentsStart', function (evt) {
this._removeDistanceMarkers();
});
this.on('routing:routeWaypointEnd routing:setWaypointsEnd routing:rerouteAllSegmentsEnd', function(evt) {
this.on('routing:routeWaypointEnd routing:setWaypointsEnd routing:rerouteAllSegmentsEnd', function (evt) {
this._updateDistanceMarkers(evt);
});
// turn line mouse marker off while over waypoint marker
this.on(
'waypoint:mouseover',
function(e) {
function (e) {
// L.Routing.Edit._segmentOnMouseout without firing 'segment:mouseout' (enables draw)
if (this._dragging) {
return;
@ -71,7 +71,7 @@ BR.Routing = L.Routing.extend({
this.on(
'waypoint:mouseout',
function(e) {
function (e) {
this._segmentOnMouseover(e);
this._suspended = false;
},
@ -82,7 +82,7 @@ BR.Routing = L.Routing.extend({
L.divIcon({
className: 'line-mouse-marker',
iconAnchor: [8, 8], // size/2 + border/2
iconSize: [16, 16]
iconSize: [16, 16],
})
);
@ -90,7 +90,7 @@ BR.Routing = L.Routing.extend({
// update indicator), see also L.Routing.Edit._segmentOnMousemove
this._edit._mouseMarker.on(
'move',
L.bind(function(e) {
L.bind(function (e) {
var latLng = e.latlng;
if (latLng._feature) {
this._mouseMarker._feature = latLng._feature;
@ -98,7 +98,7 @@ BR.Routing = L.Routing.extend({
}
}, this._edit)
);
var mouseoutHandler = function(e) {
var mouseoutHandler = function (e) {
if (this._mouseMarker._feature) {
this._mouseMarker._feature.fire('mouseout', e, true);
this._mouseMarker._feature = null;
@ -108,7 +108,7 @@ BR.Routing = L.Routing.extend({
this._edit._mouseMarker.on('dragstart', mouseoutHandler, this._edit);
this.on('waypoint:mouseover', mouseoutHandler, this._edit);
this._draw.on('enabled', function() {
this._draw.on('enabled', function () {
// crosshair cursor
L.DomUtil.addClass(map.getContainer(), 'routing-draw-enabled');
@ -120,7 +120,7 @@ BR.Routing = L.Routing.extend({
this._parent.off('waypoint:mouseout', this._catchWaypointEvent, this);
this.on(
'waypoint:mouseout',
function(e) {
function (e) {
if (!this._parent._edit._suspended) {
this._catchWaypointEvent(e);
}
@ -128,7 +128,7 @@ BR.Routing = L.Routing.extend({
this
);
});
this._draw.on('disabled', function() {
this._draw.on('disabled', function () {
L.DomUtil.removeClass(map.getContainer(), 'routing-draw-enabled');
});
@ -143,13 +143,13 @@ BR.Routing = L.Routing.extend({
this._hide();
}
}
this._draw.on('enabled', function() {
this._draw.on('enabled', function () {
this._map.on('mouseout', hide, this);
this._map.on('mouseover', show, this);
L.DomEvent.on(this._map._controlContainer, 'mouseout', show, this);
L.DomEvent.on(this._map._controlContainer, 'mouseover', hide, this);
});
this._draw.on('disabled', function() {
this._draw.on('disabled', function () {
this._map.off('mouseout', hide, this);
this._map.off('mouseover', show, this);
L.DomEvent.off(this._map._controlContainer, 'mouseout', show, this);
@ -163,7 +163,7 @@ BR.Routing = L.Routing.extend({
// although enabled.
this.on(
'waypoint:click',
function() {
function () {
if (this._hidden && !this._parent._waypoints._first) {
this._show();
this._hideTrailer();
@ -181,18 +181,18 @@ BR.Routing = L.Routing.extend({
return container;
},
_addSegmentCasing: function(e) {
_addSegmentCasing: function (e) {
var casing = L.polyline(e.layer.getLatLngs(), this.options.styles.trackCasing);
this._segmentsCasing.addLayer(casing);
e.layer._casing = casing;
this._segments.bringToFront();
},
_removeSegmentCasing: function(e) {
_removeSegmentCasing: function (e) {
this._segmentsCasing.removeLayer(e.layer._casing);
},
setOpacity: function(opacity) {
setOpacity: function (opacity) {
// Due to the second Polyline layer for casing, the combined opacity is less
// transparent than with a single layer and the slider is non-linear. The
// inverted formula is used to get the same result as with a single layer.
@ -205,12 +205,12 @@ BR.Routing = L.Routing.extend({
this.options.icons.opacity = opacity;
this._segments.setStyle({
opacity: sourceOpacity
opacity: sourceOpacity,
});
this._segmentsCasing.setStyle({
opacity: sourceOpacity
opacity: sourceOpacity,
});
this._waypoints.eachLayer(function(marker) {
this._waypoints.eachLayer(function (marker) {
marker.setOpacity(opacity);
});
@ -219,11 +219,11 @@ BR.Routing = L.Routing.extend({
}
},
_setMarkerOpacity: function(e) {
_setMarkerOpacity: function (e) {
e.layer.setOpacity(this.options.icons.opacity);
},
_removeMarkerEvents: function(marker) {
_removeMarkerEvents: function (marker) {
marker.off('mouseover', this._fireWaypointEvent, this);
marker.off('mouseout', this._fireWaypointEvent, this);
marker.off('dragstart', this._fireWaypointEvent, this);
@ -232,7 +232,7 @@ BR.Routing = L.Routing.extend({
marker.off('click', this._fireWaypointEvent, this);
},
clear: function() {
clear: function () {
var drawEnabled = this._draw._enabled;
var current = this._waypoints._first;
@ -259,13 +259,13 @@ BR.Routing = L.Routing.extend({
}
},
setWaypoints: function(latLngs, cb) {
setWaypoints: function (latLngs, cb) {
var i;
var callbackCount = 0;
var firstErr;
var $this = this;
var callback = function(err, data) {
var callback = function (err, data) {
callbackCount++;
firstErr = firstErr || err;
if (callbackCount >= latLngs.length) {
@ -299,10 +299,10 @@ BR.Routing = L.Routing.extend({
// patch to fix error when line is null or error line
// (when called while still segments to calculate, e.g. permalink or fast drawing)
toPolyline: function() {
toPolyline: function () {
var latLngs = [];
this._eachSegment(function(m1, m2, line) {
this._eachSegment(function (m1, m2, line) {
// omit if null (still calculating) or error
// NOTE: feature check specific to BRouter GeoJSON response, workaround to detect error line
if (line && line.feature) {
@ -313,7 +313,7 @@ BR.Routing = L.Routing.extend({
return L.polyline(latLngs);
},
_routeSegment: function(m1, m2, cb) {
_routeSegment: function (m1, m2, cb) {
var loadingTrailer;
// change segment color before request to indicate recalculation (mark old)
@ -327,7 +327,7 @@ BR.Routing = L.Routing.extend({
color: this.options.styles.track.color,
opacity: this.options.styles.trailer.opacity,
dashArray: [10, 10],
className: 'loading-trailer'
className: 'loading-trailer',
});
this._loadingTrailerGroup.addLayer(loadingTrailer);
}
@ -336,7 +336,7 @@ BR.Routing = L.Routing.extend({
this,
m1,
m2,
L.bind(function(err, data) {
L.bind(function (err, data) {
if (loadingTrailer) {
this._loadingTrailerGroup.removeLayer(loadingTrailer);
}
@ -345,10 +345,10 @@ BR.Routing = L.Routing.extend({
);
},
getSegments: function() {
getSegments: function () {
var segments = [];
this._eachSegment(function(m1, m2, line) {
this._eachSegment(function (m1, m2, line) {
// omit if null (still calculating) or error
// NOTE: feature check specific to BRouter GeoJSON response, workaround to detect error line
if (line && line.feature) {
@ -359,7 +359,7 @@ BR.Routing = L.Routing.extend({
return segments;
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (!BR.Util.keyboardShortcutsAllowed(e)) {
return;
}
@ -374,7 +374,7 @@ BR.Routing = L.Routing.extend({
}
},
_keyupListener: function(e) {
_keyupListener: function (e) {
// Prevent Leaflet from triggering drawing a second time on keyup,
// since this is already done in _keydownListener
if (e.keyCode === this.options.shortcut.draw.enable) {
@ -382,30 +382,30 @@ BR.Routing = L.Routing.extend({
}
},
isDrawing: function() {
isDrawing: function () {
return this._draw._enabled;
},
reverse: function() {
reverse: function () {
var waypoints = this.getWaypoints();
waypoints.reverse();
this.clear();
this.setWaypoints(waypoints);
},
deleteLastPoint: function() {
deleteLastPoint: function () {
if ((lastPoint = this.getLast())) {
this.removeWaypoint(lastPoint, function(err, data) {});
this.removeWaypoint(lastPoint, function (err, data) {});
}
},
_removeDistanceMarkers: function() {
_removeDistanceMarkers: function () {
if (this._map && this._distanceMarkers) {
this._map.removeLayer(this._distanceMarkers);
}
},
_updateDistanceMarkers: function(e) {
_updateDistanceMarkers: function (e) {
this._removeDistanceMarkers();
if (this._map) {
@ -413,5 +413,5 @@ BR.Routing = L.Routing.extend({
this._distanceMarkers = new L.DistanceMarkers(this.toPolyline(), this._map, distanceMarkersOpts);
this._map.addLayer(this._distanceMarkers);
}
}
},
});

82
js/plugin/RoutingPathQuality.js
View file

@ -2,11 +2,11 @@ BR.RoutingPathQuality = L.Control.extend({
options: {
shortcut: {
toggle: 67, // char code for 'c'
muteKeyCode: 77 // char code for 'm'
}
muteKeyCode: 77, // char code for 'm'
},
},
initialize: function(map, layersControl, options) {
initialize: function (map, layersControl, options) {
L.setOptions(this, options);
// hotline uses canvas and cannot be moved in front of the svg, so we create another pane
@ -32,20 +32,20 @@ BR.RoutingPathQuality = L.Control.extend({
0.25: '#00ffff', // cyan
0.5: '#00ff00', // green
0.75: '#ffff00', // yellow
1.0: '#ff0000' // red
1.0: '#ff0000', // red
},
outlineColor: 'dimgray',
renderer: renderer
renderer: renderer,
},
valueFunction: function(latLng, prevLatLng) {
valueFunction: function (latLng, prevLatLng) {
var deltaAltitude = latLng.alt - prevLatLng.alt, // in m
distance = prevLatLng.distanceTo(latLng); // in m
if (distance === 0) {
return 0;
}
return (Math.atan(deltaAltitude / distance) * 180) / Math.PI;
}
})
},
}),
},
altitude: {
title: i18next.t('map.route-quality-shortcut', { action: '$t(map.route-quality-altitude)', key: 'C' }),
@ -53,12 +53,12 @@ BR.RoutingPathQuality = L.Control.extend({
provider: new HotLineQualityProvider({
hotlineOptions: {
outlineColor: 'dimgray',
renderer: renderer
renderer: renderer,
},
valueFunction: function(latLng) {
valueFunction: function (latLng) {
return latLng.alt;
}
})
},
}),
},
cost: {
title: i18next.t('map.route-quality-shortcut', { action: '$t(map.route-quality-cost)', key: 'C' }),
@ -66,9 +66,9 @@ BR.RoutingPathQuality = L.Control.extend({
provider: new HotLineQualityProvider({
hotlineOptions: {
outlineColor: 'dimgray',
renderer: renderer
renderer: renderer,
},
valueFunction: function(latLng) {
valueFunction: function (latLng) {
var feature = latLng.feature;
var cost = feature.cost.perKm;
var distance = feature.distance / 1000; // in km
@ -78,9 +78,9 @@ BR.RoutingPathQuality = L.Control.extend({
distance;
}
return cost;
}
})
}
},
}),
},
};
this._initialProvider = this.options.initialProvider || 'incline';
this.selectedProvider = this._initialProvider;
@ -89,12 +89,12 @@ BR.RoutingPathQuality = L.Control.extend({
this._muted = false;
},
onAdd: function(map) {
onAdd: function (map) {
this._map = map;
map.on(
'overlayadd',
function(evt) {
function (evt) {
if (evt.layer === this._routingSegments) {
this._activate(this.routingPathButton);
}
@ -103,7 +103,7 @@ BR.RoutingPathQuality = L.Control.extend({
);
map.on(
'overlayremove',
function(evt) {
function (evt) {
if (evt.layer === this._routingSegments) {
this._deactivate(this.routingPathButton);
}
@ -123,8 +123,8 @@ BR.RoutingPathQuality = L.Control.extend({
stateName: keys[i],
icon: provider.icon,
title: provider.title,
onClick: L.bind(function(state) {
return L.bind(function(btn) {
onClick: L.bind(function (state) {
return L.bind(function (btn) {
if (this._active) {
btn.state(state);
this.setProvider(state);
@ -138,7 +138,7 @@ BR.RoutingPathQuality = L.Control.extend({
this._activate(btn);
}
}, this);
}, this)(nextState)
}, this)(nextState),
});
}
@ -148,42 +148,42 @@ BR.RoutingPathQuality = L.Control.extend({
}
this.routingPathButton = new L.easyButton({
states: states
states: states,
}).addTo(map);
return new L.DomUtil.create('div');
},
_activate: function(btn) {
_activate: function (btn) {
this._active = true;
this._getIcon(btn).classList.add('active');
this._routingSegments.addTo(this._map);
},
_deactivate: function(btn) {
_deactivate: function (btn) {
this._active = false;
this._getIcon(btn).classList.remove('active');
this._map.removeLayer(this._routingSegments);
},
_getIcon: function(btn) {
_getIcon: function (btn) {
return btn.button.firstChild.firstChild;
},
update: function(track, layer) {
update: function (track, layer) {
var segments = [];
layer.eachLayer(function(layer) {
layer.eachLayer(function (layer) {
segments.push(layer);
});
this.segments = segments;
this._update(this.segments);
},
setProvider: function(provider) {
setProvider: function (provider) {
this.selectedProvider = provider;
this._update(this.segments);
},
_update: function(segments) {
_update: function (segments) {
this._routingSegments.clearLayers();
var layers = this.providers[this.selectedProvider].provider.computeLayers(segments);
if (layers) {
@ -193,7 +193,7 @@ BR.RoutingPathQuality = L.Control.extend({
}
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (!BR.Util.keyboardShortcutsAllowed(e)) {
return;
}
@ -206,21 +206,21 @@ BR.RoutingPathQuality = L.Control.extend({
}
},
_keyupListener: function(e) {
_keyupListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && this._muted && e.keyCode === this.options.shortcut.muteKeyCode) {
this._muted = false;
this._activate(this.routingPathButton);
}
}
},
});
var HotLineQualityProvider = L.Class.extend({
initialize: function(options) {
initialize: function (options) {
this.hotlineOptions = options.hotlineOptions;
this.valueFunction = options.valueFunction;
},
computeLayers: function(segments) {
computeLayers: function (segments) {
var layers = [];
if (segments) {
var segmentLatLngs = [];
@ -250,7 +250,7 @@ var HotLineQualityProvider = L.Class.extend({
return layers;
},
_computeLatLngVals: function(segment) {
_computeLatLngVals: function (segment) {
var latLngVals = [],
segmentLatLngs = segment.getLatLngs(),
segmentLength = segmentLatLngs.length;
@ -268,11 +268,11 @@ var HotLineQualityProvider = L.Class.extend({
return latLngVals;
},
_convertToArray: function(latLng, val) {
_convertToArray: function (latLng, val) {
return [latLng.lat, latLng.lng, val];
},
_calcMinMaxValues: function(lines) {
_calcMinMaxValues: function (lines) {
var min = lines[0][2],
max = min;
for (var i = 1; lines && i < lines.length; i++) {
@ -285,7 +285,7 @@ var HotLineQualityProvider = L.Class.extend({
}
return {
min: min,
max: max
max: max,
};
}
},
});

24
js/plugin/Search.js
View file

@ -2,30 +2,30 @@ BR.Search = L.Control.Geocoder.extend({
options: {
geocoder: new L.Control.Geocoder.LatLng({
next: new L.Control.Geocoder.Nominatim({
serviceUrl: 'https://nominatim.openstreetmap.org/'
serviceUrl: 'https://nominatim.openstreetmap.org/',
}),
sizeInMeters: 800
sizeInMeters: 800,
}),
position: 'topleft',
shortcut: {
search: 70 // char code for 'f'
}
search: 70, // char code for 'f'
},
},
initialize: function(options) {
initialize: function (options) {
L.Control.Geocoder.prototype.initialize.call(this, options);
L.setOptions(this, {
// i18next.t will only return 'undefined' if it is called in a static context
// (e.g. when added directly to "options:" above), so we have to call it here
placeholder: i18next.t('map.geocoder-placeholder')
placeholder: i18next.t('map.geocoder-placeholder'),
});
L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
},
markGeocode: function(result) {
markGeocode: function (result) {
this._map.fitBounds(result.geocode.bbox, {
maxZoom: 17
maxZoom: 17,
});
this.clear();
@ -33,22 +33,22 @@ BR.Search = L.Control.Geocoder.extend({
interactive: false,
color: 'red',
opacity: 1,
weight: 3
weight: 3,
}).addTo(this._map);
return this;
},
clear: function() {
clear: function () {
if (this._geocodeMarker) {
this._map.removeLayer(this._geocodeMarker);
}
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.search) {
$('#map .leaflet-control-geocoder')[0].dispatchEvent(new MouseEvent('mousedown'));
e.preventDefault();
}
}
},
});

34
js/plugin/Sidebar.js
View file

@ -9,15 +9,15 @@ BR.Sidebar = L.Control.Sidebar.extend({
defaultTabId: '',
shortcut: {
toggleTabs: 84 // char code for 't'
toggleTabs: 84, // char code for 't'
},
// Tabs to be notified when shown or hidden
// (tab div id -> object implementing show/hide methods)
listeningTabs: {}
listeningTabs: {},
},
initialize: function(id, options) {
initialize: function (id, options) {
L.Control.Sidebar.prototype.initialize.call(this, id, options);
this.oldTab = null;
@ -25,7 +25,7 @@ BR.Sidebar = L.Control.Sidebar.extend({
L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
},
addTo: function(map) {
addTo: function (map) {
L.Control.Sidebar.prototype.addTo.call(this, map);
this.on('content', this._notifyOnContent, this);
@ -34,7 +34,7 @@ BR.Sidebar = L.Control.Sidebar.extend({
this.on(
'closing',
function() {
function () {
this._map.getContainer().focus();
},
this
@ -43,7 +43,7 @@ BR.Sidebar = L.Control.Sidebar.extend({
this.recentTab = this.options.defaultTabId;
this.on(
'content',
function(tab) {
function (tab) {
this.recentTab = tab.id;
},
this
@ -59,14 +59,14 @@ BR.Sidebar = L.Control.Sidebar.extend({
return this;
},
showPanel: function(id) {
showPanel: function (id) {
var tab = this._getTab(id);
tab.hidden = false;
return this;
},
_rememberTabState: function() {
_rememberTabState: function () {
if (BR.Util.localStorageAvailable()) {
this.on('content closing', this._storeActiveTab, this);
@ -85,42 +85,42 @@ BR.Sidebar = L.Control.Sidebar.extend({
}
},
_notifyShow: function(tab) {
_notifyShow: function (tab) {
if (tab && tab.show) {
tab.show();
}
},
_notifyHide: function(tab) {
_notifyHide: function (tab) {
if (tab && tab.hide) {
tab.hide();
}
},
_notifyOnContent: function(e) {
_notifyOnContent: function (e) {
var tab = this.options.listeningTabs[e.id];
this._notifyHide(this.oldTab);
this._notifyShow(tab);
this.oldTab = tab;
},
_notifyOnClose: function(e) {
_notifyOnClose: function (e) {
this._notifyHide(this.oldTab);
this.oldTab = null;
},
_notifyOnResize: function(e) {
_notifyOnResize: function (e) {
var tab = this.oldTab;
if (tab && tab.onResize) {
tab.onResize();
}
},
_storeActiveTab: function(e) {
_storeActiveTab: function (e) {
localStorage.setItem(this.storageId, e.id || '');
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.toggleTabs) {
if ($('#sidebarTabs > ul > li[class=active]').length) {
// sidebar is currently open, close current tab
@ -142,9 +142,9 @@ BR.Sidebar = L.Control.Sidebar.extend({
this.open(nextTab.attr('href').slice(1));
}
}
}
},
});
BR.sidebar = function(divId, options) {
BR.sidebar = function (divId, options) {
return new BR.Sidebar(divId, options);
};

24
js/plugin/TracksLoader.js
View file

@ -1,6 +1,6 @@
BR.tracksLoader = function(map, layersControl, routing, pois) {
BR.tracksLoader = function (map, layersControl, routing, pois) {
// proxy to L.geoJSON factory function, to get hold of raw GeoJSON object
var createGeoJsonLayer = function(geojson, options) {
var createGeoJsonLayer = function (geojson, options) {
BR.Track.addPoiMarkers(pois, geojson);
return L.geoJSON(geojson, options);
@ -15,11 +15,11 @@ BR.tracksLoader = function(map, layersControl, routing, pois) {
// File size limit in kb (default: 1024) ?
fileSizeLimit: 1024,
shortcut: {
open: 79 // char code for 'o'
}
open: 79, // char code for 'o'
},
},
_initContainer: function() {
_initContainer: function () {
var thisLoader = this.loader;
var fileInput;
@ -40,7 +40,7 @@ BR.tracksLoader = function(map, layersControl, routing, pois) {
// Load on file change
fileInput.addEventListener(
'change',
function() {
function () {
thisLoader.loadMultiple(this.files);
// reset so that the user can upload the same file again if they want to
this.value = '';
@ -50,7 +50,7 @@ BR.tracksLoader = function(map, layersControl, routing, pois) {
var link = L.DomUtil.get('navbarLoadTracks');
L.DomEvent.disableClickPropagation(link);
L.DomEvent.on(link, 'click', function(e) {
L.DomEvent.on(link, 'click', function (e) {
fileInput.click();
e.preventDefault();
});
@ -60,7 +60,7 @@ BR.tracksLoader = function(map, layersControl, routing, pois) {
return dummy;
},
_keydownListener: function(e) {
_keydownListener: function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.open) {
if (e.shiftKey) {
$('#loadNogos').modal('show');
@ -68,12 +68,12 @@ BR.tracksLoader = function(map, layersControl, routing, pois) {
$('#navbarLoadTracks')[0].click();
}
}
}
},
});
var tracksLoaderControl = new TracksLoader();
tracksLoaderControl.addTo(map);
tracksLoaderControl.loader.on('data:loaded', function(event) {
tracksLoaderControl.loader.on('data:loaded', function (event) {
var eventLayer = event.layer,
routingMarkers = [];
/* disabled for now, see issue #254
@ -101,11 +101,11 @@ BR.tracksLoader = function(map, layersControl, routing, pois) {
eventLayer.addTo(map);
});
tracksLoaderControl.loader.on('data:error', function(event) {
tracksLoaderControl.loader.on('data:error', function (event) {
var err = event.error;
BR.message.showError(
i18next.t('warning.tracks-load-error', {
error: err && err.message ? err.message : err
error: err && err.message ? err.message : err,
})
);
console.error(err);

14
js/plugin/leaflet-distance-marker.js
View file

@ -24,7 +24,7 @@
*/
L.DistanceMarkers = L.LayerGroup.extend({
initialize: function(line, map, options) {
initialize: function (line, map, options) {
options = options || {};
var offset = options.offset || 1000;
var showAll = Math.min(map.getMaxZoom(), options.showAll || 12);
@ -32,7 +32,7 @@ L.DistanceMarkers = L.LayerGroup.extend({
var iconSize = options.iconSize !== undefined ? options.iconSize : [12, 12];
var textFunction =
options.textFunction ||
function(distance, i) {
function (distance, i) {
return i;
};
@ -81,7 +81,7 @@ L.DistanceMarkers = L.LayerGroup.extend({
var currentZoomLevel = 0;
var markerLayer = this;
var updateMarkerVisibility = function() {
var updateMarkerVisibility = function () {
var oldZoom = currentZoomLevel;
var newZoom = (currentZoomLevel = map.getZoom());
@ -106,20 +106,20 @@ L.DistanceMarkers = L.LayerGroup.extend({
updateMarkerVisibility();
},
setOpacity: function(opacity) {
setOpacity: function (opacity) {
var i,
keys = Object.keys(this._zoomLayers),
l = keys.length;
for (i = 0; i < l; ++i) {
var zoomLayer = this._zoomLayers[keys[i]];
zoomLayer.eachLayer(function(layer) {
zoomLayer.eachLayer(function (layer) {
layer.setOpacity(opacity);
});
}
},
_minimumZoomLevelForItem: function(item, showAllLevel) {
_minimumZoomLevelForItem: function (item, showAllLevel) {
var zoom = showAllLevel,
i = item;
while (i > 0 && i % 2 === 0) {
@ -127,5 +127,5 @@ L.DistanceMarkers = L.LayerGroup.extend({
i = Math.floor(i / 2);
}
return zoom;
}
},
});

58
js/plugin/leaflet-fullHash.js
View file

@ -1,10 +1,10 @@
(function(window) {
var HAS_HASHCHANGE = (function() {
(function (window) {
var HAS_HASHCHANGE = (function () {
var doc_mode = window.documentMode;
return 'onhashchange' in window && (doc_mode === undefined || doc_mode > 7);
})();
L.Hash = function(map, options) {
L.Hash = function (map, options) {
this.onHashChange = L.Util.bind(this.onHashChange, this);
if (map) {
@ -12,7 +12,7 @@
}
};
L.Hash.parseHash = function(hash) {
L.Hash.parseHash = function (hash) {
if (hash.indexOf('#map=') === 0) {
hash = hash.substr(5);
}
@ -31,7 +31,7 @@
center: new L.LatLng(lat, lon),
zoom: zoom,
layers: layers,
additional: additional
additional: additional,
};
}
} else {
@ -39,7 +39,7 @@
}
};
(L.Hash.formatHash = function(map) {
(L.Hash.formatHash = function (map) {
var center = map.getCenter(),
zoom = map.getZoom(),
precision = Math.max(0, Math.ceil(Math.log(zoom) / Math.LN2)),
@ -57,7 +57,7 @@
}),
(L.Hash.prototype = {
options: {
layerSeparator: ','
layerSeparator: ',',
},
map: null,
lastHash: null,
@ -65,7 +65,7 @@
parseHash: L.Hash.parseHash,
formatHash: L.Hash.formatHash,
init: function(map, options) {
init: function (map, options) {
this.map = map;
L.Util.setOptions(this, options);
@ -78,9 +78,9 @@
}
},
_parseLayers: function(layersParam, layerSeparator) {
_parseLayers: function (layersParam, layerSeparator) {
var layers = layersParam.split(layerSeparator).map(
L.bind(function(layerEncoded) {
L.bind(function (layerEncoded) {
var obj = null;
var layerString = decodeURIComponent(layerEncoded);
@ -95,8 +95,8 @@
return layers;
},
parseLayers: function(layersParam) {
var countFoundLayers = function(count, obj) {
parseLayers: function (layersParam) {
var countFoundLayers = function (count, obj) {
if (obj) {
count++;
}
@ -119,14 +119,14 @@
return layers;
},
activateLayers: function(layers) {
activateLayers: function (layers) {
var layersControl = this.options.layersControl;
var added = false;
layersControl.removeActiveLayers();
layers.forEach(
L.bind(function(obj, index, array) {
L.bind(function (obj, index, array) {
if (obj) {
layersControl.activateLayer(obj);
if (obj && !obj.overlay) {
@ -142,14 +142,14 @@
}
},
formatLayers: function() {
formatLayers: function () {
var objList = this.options.layersControl.getActiveLayers();
// exclude vector layers (loaded tracks), but not when id set (route quality coding)
objList = objList.filter(function(obj) {
objList = objList.filter(function (obj) {
return obj.layer instanceof L.GridLayer || obj.layer.id;
});
var layerList = objList.map(
L.bind(function(obj) {
L.bind(function (obj) {
return encodeURIComponent(this.options.layersControl.toLayerString(obj));
}, this)
);
@ -157,7 +157,7 @@
return layerList.join(this.options.layerSeparator);
},
removeFrom: function(map) {
removeFrom: function (map) {
if (this.changeTimeout) {
clearTimeout(this.changeTimeout);
}
@ -169,7 +169,7 @@
this.map = null;
},
onMapMove: function() {
onMapMove: function () {
// bail if we're moving the map (updating from a hash),
// or if the map is not yet loaded
@ -185,7 +185,7 @@
},
movingMap: false,
update: function() {
update: function () {
var hash = location.hash;
if (hash === this.lastHash) {
return;
@ -221,12 +221,12 @@
// defer hash change updates every 100ms
changeDefer: 100,
changeTimeout: null,
onHashChange: function() {
onHashChange: function () {
// throttle calls to update() so that they only happen every
// `changeDefer` ms
if (!this.changeTimeout) {
var that = this;
this.changeTimeout = setTimeout(function() {
this.changeTimeout = setTimeout(function () {
that.update();
that.changeTimeout = null;
}, this.changeDefer);
@ -235,7 +235,7 @@
isListening: false,
hashChangeInterval: null,
startListening: function() {
startListening: function () {
this.map.on('moveend layeradd layerremove', this.onMapMove, this);
if (HAS_HASHCHANGE) {
@ -247,7 +247,7 @@
this.isListening = true;
},
stopListening: function() {
stopListening: function () {
this.map.off('moveend layeradd layerremove', this.onMapMove, this);
if (HAS_HASHCHANGE) {
@ -258,7 +258,7 @@
this.isListening = false;
},
_keyByValue: function(obj, value) {
_keyByValue: function (obj, value) {
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (obj[key] === value) {
@ -268,15 +268,15 @@
}
}
}
}
},
});
L.hash = function(map, options) {
L.hash = function (map, options) {
return new L.Hash(map, options);
};
L.Map.prototype.addHash = function() {
L.Map.prototype.addHash = function () {
this._hash = L.hash(this, this.options);
};
L.Map.prototype.removeHash = function() {
L.Map.prototype.removeHash = function () {
this._hash.removeFrom();
};
})(window);

16
js/plugin/stravaSegments.js
View file

@ -1,29 +1,29 @@
BR.stravaSegments = function(map, layersControl) {
BR.stravaSegments = function (map, layersControl) {
var stravaControl = L.control
.stravaSegments({
runningTitle: i18next.t('map.strava-shortcut', { action: '$t(map.strava-running)', key: 'S' }),
bikingTitle: i18next.t('map.strava-shortcut', { action: '$t(map.strava-biking)', key: 'S' }),
loadingTitle: i18next.t('map.loading'),
stravaToken: BR.keys.strava
stravaToken: BR.keys.strava,
})
.addTo(map);
layersControl.addOverlay(stravaControl.stravaLayer, i18next.t('map.layer.strava-segments'));
stravaControl.onError = function(err) {
stravaControl.onError = function (err) {
BR.message.showError(
i18next.t('warning.strava-error', {
error: err && err.message ? err.message : err
error: err && err.message ? err.message : err,
})
);
};
L.setOptions(this, {
shortcut: {
toggleLayer: 83 // char code for 's'
}
toggleLayer: 83, // char code for 's'
},
});
// hide strava buttons when layer is inactive
var toggleStravaControl = function() {
var toggleStravaControl = function () {
var stravaBar = stravaControl.runningButton.button.parentElement;
stravaBar.hidden = !stravaBar.hidden;
};
@ -33,7 +33,7 @@ BR.stravaSegments = function(map, layersControl) {
L.DomEvent.addListener(
document,
'keydown',
function(e) {
function (e) {
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.toggleLayer) {
if (map.hasLayer(stravaControl.stravaLayer)) {
map.removeLayer(stravaControl.stravaLayer);

92
js/router/BRouter.js
View file

@ -3,46 +3,46 @@ L.BRouter = L.Class.extend({
// NOTE: the routing API used here is not public!
// /brouter?lonlats=1.1,1.2|2.1,2.2|3.1,3.2|4.1,4.2&nogos=-1.1,-1.2,1|-2.1,-2.2,2&profile=shortest&alternativeidx=1&format=kml
URL_TEMPLATE:
'/brouter?lonlats={lonlats}&nogos={nogos}&polylines={polylines}&polygons={polygons}&profile={profile}&alternativeidx={alternativeidx}&format={format}',
'/brouter?lonlats={lonlats}&profile={profile}&alternativeidx={alternativeidx}&format={format}&nogos={nogos}&polylines={polylines}&polygons={polygons}',
URL_PROFILE_UPLOAD: BR.conf.host + '/brouter/profile',
PRECISION: 6,
NUMBER_SEPARATOR: ',',
GROUP_SEPARATOR: '|',
ABORTED_ERROR: 'aborted',
CUSTOM_PREFIX: 'custom_',
isCustomProfile: function(profileName) {
isCustomProfile: function (profileName) {
return profileName && profileName.substring(0, 7) === L.BRouter.CUSTOM_PREFIX;
}
},
},
options: {},
initialize: function(options) {
initialize: function (options) {
L.setOptions(this, options);
this.queue = async.queue(
L.bind(function(task, callback) {
L.bind(function (task, callback) {
this.getRoute(task.segment, callback);
}, this),
1
);
// patch to call callbacks on kill for cleanup (loadingTrailer)
this.queue.kill = function() {
this.queue.kill = function () {
var aborted = this.tasks;
this.drain = null;
this.tasks = [];
aborted.forEach(function(task) {
aborted.forEach(function (task) {
task.callback(L.BRouter.ABORTED_ERROR);
});
};
},
setOptions: function(options) {
setOptions: function (options) {
L.setOptions(this, options);
},
getUrlParams: function(latLngs, pois, format) {
getUrlParams: function (latLngs, pois, circlego, format) {
params = {};
if (this._getLonLatsString(latLngs) != null) params.lonlats = this._getLonLatsString(latLngs);
@ -59,6 +59,8 @@ L.BRouter = L.Class.extend({
if (pois && this._getLonLatsNameString(pois) != null) params.pois = this._getLonLatsNameString(pois);
if (circlego) params.circlego = circlego;
params.alternativeidx = this.options.alternative;
if (format != null) {
@ -77,7 +79,7 @@ L.BRouter = L.Class.extend({
return params;
},
parseUrlParams: function(params) {
parseUrlParams: function (params) {
var opts = {};
if (params.lonlats) {
opts.lonlats = this._parseLonLats(params.lonlats);
@ -100,15 +102,27 @@ L.BRouter = L.Class.extend({
if (params.pois) {
opts.pois = this._parseLonLatNames(params.pois);
}
if (params.circlego) {
var circlego = params.circlego.split(',');
if (circlego.length == 3) {
circlego = [
Number.parseFloat(circlego[0]),
Number.parseFloat(circlego[1]),
Number.parseInt(circlego[2]),
];
opts.circlego = circlego;
}
}
return opts;
},
getUrl: function(latLngs, pois, format, trackname, exportWaypoints) {
var urlParams = this.getUrlParams(latLngs, pois, format);
getUrl: function (latLngs, pois, circlego, format, trackname, exportWaypoints) {
var urlParams = this.getUrlParams(latLngs, pois, circlego, format);
var args = [];
if (urlParams.lonlats != null && urlParams.lonlats.length > 0)
args.push(L.Util.template('lonlats={lonlats}', urlParams));
if (urlParams.pois != null && urlParams.pois.length > 0) args.push(L.Util.template('pois={pois}', urlParams));
if (urlParams.circlego != null) args.push(L.Util.template('circlego={circlego}', urlParams));
if (urlParams.nogos != null) args.push(L.Util.template('nogos={nogos}', urlParams));
if (urlParams.polylines != null) args.push(L.Util.template('polylines={polylines}', urlParams));
if (urlParams.polygons != null) args.push(L.Util.template('polygons={polygons}', urlParams));
@ -118,7 +132,7 @@ L.BRouter = L.Class.extend({
if (trackname)
args.push(
L.Util.template('trackname={trackname}', {
trackname: trackname
trackname: trackname,
})
);
if (exportWaypoints) args.push('exportWaypoints=1');
@ -128,8 +142,8 @@ L.BRouter = L.Class.extend({
return (prepend_host ? BR.conf.host : '') + '/brouter?' + args.join('&');
},
getRoute: function(latLngs, cb) {
var url = this.getUrl(latLngs, null, 'geojson'),
getRoute: function (latLngs, cb) {
var url = this.getUrl(latLngs, null, null, 'geojson'),
xhr = new XMLHttpRequest();
if (!url) {
@ -139,7 +153,7 @@ L.BRouter = L.Class.extend({
xhr.open('GET', url, true);
xhr.onload = L.bind(this._handleRouteResponse, this, xhr, cb);
xhr.onerror = L.bind(
function(xhr, cb) {
function (xhr, cb) {
cb(BR.Util.getError(xhr));
},
this,
@ -149,7 +163,7 @@ L.BRouter = L.Class.extend({
xhr.send();
},
_handleRouteResponse: function(xhr, cb) {
_handleRouteResponse: function (xhr, cb) {
var layer, geojson;
if (
@ -175,11 +189,11 @@ L.BRouter = L.Class.extend({
}
},
getRouteSegment: function(l1, l2, cb) {
getRouteSegment: function (l1, l2, cb) {
this.queue.push({ segment: [l1, l2] }, cb);
},
uploadProfile: function(profileId, profileText, cb) {
uploadProfile: function (profileId, profileText, cb) {
var url = L.BRouter.URL_PROFILE_UPLOAD;
xhr = new XMLHttpRequest();
@ -190,7 +204,7 @@ L.BRouter = L.Class.extend({
xhr.open('POST', url, true);
xhr.onload = L.bind(this._handleProfileResponse, this, xhr, cb);
xhr.onerror = function(evt) {
xhr.onerror = function (evt) {
var xhr = this;
cb(i18next.t('warning.upload-error', { error: xhr.statusText }));
};
@ -199,7 +213,7 @@ L.BRouter = L.Class.extend({
xhr.send(profileText);
},
_assignFeatures: function(segment) {
_assignFeatures: function (segment) {
if (segment.feature.properties.messages) {
var featureMessages = segment.feature.properties.messages,
segmentLatLngs = segment.getLatLngs(),
@ -226,7 +240,7 @@ L.BRouter = L.Class.extend({
return segment;
},
_getFeature: function(featureMessage) {
_getFeature: function (featureMessage) {
//["Longitude", "Latitude", "Elevation", "Distance", "CostPerKm", "ElevCost", "TurnCost", "NodeCost", "InitialCost", "WayTags", "NodeTags"]
return {
cost: {
@ -234,22 +248,22 @@ L.BRouter = L.Class.extend({
elev: parseInt(featureMessage[5]),
turn: parseInt(featureMessage[6]),
node: parseInt(featureMessage[7]),
initial: parseInt(featureMessage[8])
initial: parseInt(featureMessage[8]),
},
distance: parseInt(featureMessage[3]),
wayTags: featureMessage[9],
nodeTags: featureMessage[10]
nodeTags: featureMessage[10],
};
},
_getFeatureLatLng: function(message) {
_getFeatureLatLng: function (message) {
var lon = message[0] / 1000000,
lat = message[1] / 1000000;
return L.latLng(lat, lon);
},
_handleProfileResponse: function(xhr, cb) {
_handleProfileResponse: function (xhr, cb) {
var response;
if (xhr.status === 200 && xhr.responseText && xhr.responseText.length > 0) {
@ -260,7 +274,7 @@ L.BRouter = L.Class.extend({
}
},
_getLonLatsString: function(latLngs) {
_getLonLatsString: function (latLngs) {
var s = '';
for (var i = 0; i < latLngs.length; i++) {
s += this._formatLatLng(latLngs[i]);
@ -271,7 +285,7 @@ L.BRouter = L.Class.extend({
return s;
},
_parseLonLats: function(s) {
_parseLonLats: function (s) {
var groups,
numbers,
lonlats = [];
@ -290,7 +304,7 @@ L.BRouter = L.Class.extend({
return lonlats;
},
_getLonLatsNameString: function(latLngNames) {
_getLonLatsNameString: function (latLngNames) {
var s = '';
for (var i = 0; i < latLngNames.length; i++) {
s += this._formatLatLng(latLngNames[i].latlng);
@ -304,7 +318,7 @@ L.BRouter = L.Class.extend({
return s;
},
_parseLonLatNames: function(s) {
_parseLonLatNames: function (s) {
var groups,
part,
lonlatnames = [];
@ -323,7 +337,7 @@ L.BRouter = L.Class.extend({
return lonlatnames;
},
_getNogosString: function(nogos) {
_getNogosString: function (nogos) {
var s = '';
for (var i = 0, circle; i < nogos.length; i++) {
circle = nogos[i];
@ -346,7 +360,7 @@ L.BRouter = L.Class.extend({
return s;
},
_parseNogos: function(s) {
_parseNogos: function (s) {
var groups,
numbers,
nogos = [];
@ -372,7 +386,7 @@ L.BRouter = L.Class.extend({
return nogos;
},
_getNogosPolylinesString: function(nogos) {
_getNogosPolylinesString: function (nogos) {
var s = '';
for (var i = 0, polyline, vertices; i < nogos.length; i++) {
polyline = nogos[i];
@ -399,7 +413,7 @@ L.BRouter = L.Class.extend({
return s;
},
_parseNogosPolylines: function(s) {
_parseNogosPolylines: function (s) {
var groups,
numbers,
latlngs,
@ -425,7 +439,7 @@ L.BRouter = L.Class.extend({
return nogos;
},
_getNogosPolygonsString: function(nogos) {
_getNogosPolygonsString: function (nogos) {
var s = '';
for (var i = 0, polygon, vertices; i < nogos.length; i++) {
polygon = nogos[i];
@ -452,7 +466,7 @@ L.BRouter = L.Class.extend({
return s;
},
_parseNogosPolygons: function(s) {
_parseNogosPolygons: function (s) {
var groups,
numbers,
latlngs,
@ -479,15 +493,15 @@ L.BRouter = L.Class.extend({
},
// formats L.LatLng object as lng,lat string
_formatLatLng: function(latLng) {
_formatLatLng: function (latLng) {
var s = '';
s += L.Util.formatNum(latLng.lng || latLng[1], L.BRouter.PRECISION);
s += L.BRouter.NUMBER_SEPARATOR;
s += L.Util.formatNum(latLng.lat || latLng[0], L.BRouter.PRECISION);
return s;
}
},
});
L.bRouter = function(options) {
L.bRouter = function (options) {
return new L.BRouter(options);
};

6
js/router/brouterCgi.js
View file

@ -1,6 +1,6 @@
// BRouter online demo interface
// TODO remove or adopt to new structure (only supports two waypoints!)
var brouterCgi = (function() {
var brouterCgi = (function () {
// http://brouter.de/cgi-bin/brouter.sh?coords=13.404681_52.520185_13.340278_52.512356_trekking_0
//var URL_TEMPLATE = '/cgi-bin/proxy.cgi?url=' + 'http://brouter.de/cgi-bin/brouter.sh?coords={fromLng}_{fromLat}_{toLng}_{toLat}_{profile}_{alt}';
var URL_TEMPLATE =
@ -15,7 +15,7 @@ var brouterCgi = (function() {
toLat: L.Util.formatNum(latLngs[1].lat, PRECISION),
toLng: L.Util.formatNum(latLngs[1].lng, PRECISION),
profile: 'trekking',
alt: '0'
alt: '0',
};
var url = L.Util.template(URL_TEMPLATE, urlParams);
//console.log(url);
@ -24,6 +24,6 @@ var brouterCgi = (function() {
}
return {
getUrl: getUrl
getUrl: getUrl,
};
})();

24
js/util/Track.js
View file

@ -9,29 +9,29 @@ BR.Track = {
*
* @returns {Object} to pass as `options` parameter to `L.geoJson`
*/
getGeoJsonOptions: function(layersControl) {
getGeoJsonOptions: function (layersControl) {
return {
style: function(geoJsonFeature) {
style: function (geoJsonFeature) {
var currentLayerId = layersControl.getActiveBaseLayer().layer.id;
return {
color: currentLayerId === 'cyclosm' ? 'yellow' : 'blue',
weight: 4
weight: 4,
};
},
interactive: false,
filter: function(geoJsonFeature) {
filter: function (geoJsonFeature) {
// remove POIs, added separately
return !BR.Track.isPoiPoint(geoJsonFeature);
},
pointToLayer: function(geoJsonPoint, latlng) {
pointToLayer: function (geoJsonPoint, latlng) {
// route waypoint (type=from/via/to)
return L.marker(latlng, {
interactive: false,
opacity: 0.7,
// prevent being on top of route markers
zIndexOffset: -1000
zIndexOffset: -1000,
});
}
},
};
},
@ -41,8 +41,8 @@ BR.Track = {
* @param {BR.PoiMarkers} pois POI control instance
* @param {Object} geoJson GeoJSON object
*/
addPoiMarkers: function(pois, geoJson) {
turf.featureEach(geoJson, function(feature, idx) {
addPoiMarkers: function (pois, geoJson) {
turf.featureEach(geoJson, function (feature, idx) {
if (BR.Track.isPoiPoint(feature)) {
var coord = turf.getCoord(feature);
var latlng = L.GeoJSON.coordsToLatLng(coord);
@ -61,7 +61,7 @@ BR.Track = {
*
* @param {Object} geoJsonPointFeature GeoJSON Point feature
*/
isRouteWaypoint: function(geoJsonPointFeature) {
isRouteWaypoint: function (geoJsonPointFeature) {
var props = geoJsonPointFeature.properties;
if (props && props.type) {
var wptType = props.type;
@ -77,7 +77,7 @@ BR.Track = {
*
* @param {Object} geoJsonFeature GeoJSON feature
*/
isPoiPoint: function(geoJsonFeature) {
isPoiPoint: function (geoJsonFeature) {
return turf.getType(geoJsonFeature) === 'Point' && !BR.Track.isRouteWaypoint(geoJsonFeature);
}
},
};

8
js/util/TrackEdges.js
View file

@ -17,7 +17,7 @@ BR.TrackEdges = L.Class.extend({
/**
* @param {Array} segments
*/
initialize: function(segments) {
initialize: function (segments) {
this.edges = this.getTrackEdges(segments);
},
@ -30,7 +30,7 @@ BR.TrackEdges = L.Class.extend({
*
* @return {number[]}
*/
getTrackEdges: function(segments) {
getTrackEdges: function (segments) {
var messages,
segLatLngs,
length,
@ -70,10 +70,10 @@ BR.TrackEdges = L.Class.extend({
return edges;
},
getMessageLatLng: function(message) {
getMessageLatLng: function (message) {
var lon = message[0] / 1000000,
lat = message[1] / 1000000;
return L.latLng(lat, lon);
}
},
});

4
keys.template.js
View file

@ -1,4 +1,4 @@
(function() {
(function () {
// COPYING: Please get your own API keys from the sites listed below
BR.keys = {
@ -15,6 +15,6 @@
strava: '',
// OpenMapSurfer (OpenRouteService API), https://openrouteservice.org/plans/
openrouteservice: ''
openrouteservice: '',
};
})();

282
locales/ca.json Normal file
View file

@ -0,0 +1,282 @@
{
"about": {
"bug-reports": "Informes d'errors i petició de funcionalitats:",
"bug-reports-back": "servidor / dorsal, motor d'itineraris, aplicació Android, web brouter.de",
"bug-reports-front": "client web / frontal.",
"chat": "Xat amb usuaris i desenvolupadors",
"contact": "Contacte:",
"contact-language": "L'idioma preferit és l'anglès, ja que tenim tant contribuïdors com usuaris d'arreu del món.",
"data": "Dades:",
"data-description": "Això està basat en <a href=\"https://www.openstreetmap.org\" target=\"_blank\">OpenStreetMap</a>. Normalment s'actualitza diàriament, veure les dates a <a href=\"https://brouter.de/brouter/segments4/\" target=\"_blank\">fitxers de dades</a>.",
"description": "Serveis en línia del motor d'itineraris BRouter. Per l'aplicació Android fora de línia i més informació, veure <a href=\"https://brouter.de/\" target=\"_blank\">brouter.de</a>",
"details": "<i><a href=\"{{privacyPolicyUrl}}\" target=\"_blank\">Política de privacitat</a></i>, \n<i><a href=\"https://github.com/nrenner/brouter-web#credits-and-licenses\" target=\"_blank\">Crèdits</a></i>,\n<i><a href=\"https://github.com/nrenner/brouter-web/blob/master/CHANGELOG.md\" target=\"_blank\">Registre de canvis</a></i> i\n<i><a href=\"https://github.com/nrenner/brouter-web#readme\" target=\"_blank\">més informació</a></i> sobre el client.",
"support": "Debats generals/preguntes, suport",
"title": "Quant a",
"tooltip": "Mostra més informació sobre BRouter-Web"
},
"credits": {
"brouter": "BRouter",
"brouter-license": "<a target=\"_blank\" href=\"https://brouter.de/brouter\">BRouter</a> &copy; Arndt Brenschede",
"elevation-data": "Dades d'elevació",
"esri-license": "<a target=\"_blank\" href=\"http://goto.arcgisonline.com/maps/World_Imagery\">Imatgeria del món</a> &copy; <a target=\"_blank\" href=\"https://www.esri.com/\">Esri</a>, fonts: Esri, DigitalGlobe, Earthstar Geographics, CNES/Airbus DS, GeoEye, USDA FSA, USGS, Getmapping, Aerogrid, IGN, IGP, i la comunitat d'usuaris de SIG",
"esri-tiles": "Imatgeria del món d'Esri",
"map-data": "Dades del mapa",
"map-tiles": "Tessel·les del mapa",
"nominatim": "Cerca per <a href=\"https://wiki.openstreetmap.org/wiki/Nominatim\" target=\"_blank\" data-i18n=\"credits.nominatim\">Nominatim</a>",
"openstreetmap": "&copy; <a target=\"_blank\" href=\"https://www.openstreetmap.org/copyright\" >contribuïdors d'OpenStreetMap</a> sota <a target=\"_blank\" href=\"https://opendatacommons.org/licenses/odbl/\" >ODbL</a>"
},
"export": {
"format": "Format",
"format_csv": "CSV",
"format_geojson": "GeoJSON",
"format_gpx": "GPX",
"format_kml": "KML",
"include": "Inclou",
"include_waypoints": "Fites",
"route-from-to": "{{from}} -> {{to}} ({{distance}}km)",
"route-loop": "{{from}} ({{distance}}km)",
"title": "Exporta la ruta",
"trackname": "Nom"
},
"footer": {
"ascend": "Desnivell acumulat",
"cost": "Cost",
"distance": "Distància",
"elevation-chart": "Commuta el gràfic d'elevació",
"energy-per-100km": "Energia per 100 km",
"hours": "hores",
"hours-abbrev": "h",
"kilometer": "kilòmetres",
"kilometer-abbrev": "km",
"kilowatthour": "kilowatts hora",
"kilowatthour-abbrev": "kWh",
"mean-cost-factor": "Factor de cost mitjà",
"meter": "metres",
"meter-abbrev": "m",
"plain-ascend": "Desnivell final",
"stats-info": "Comenceu a dibuixar una ruta per obtenir les estadístiques",
"total-energy": "Energia total",
"travel-time": "Temps de viatge"
},
"keyboard": {
"backspace": "Retrocés",
"escape": "Esc",
"generic-shortcut": "{{action}} ({{key}} tecla)",
"shift": "Majúscules"
},
"layers": {
"add-base": "Afegeix una capa base",
"add-overlay": "Afegeix superposició",
"customize": "Personalitza les capes",
"opacity-slider": "Control lliscant de l'opacitat",
"placeholder-layer-name": "Nom de la capa personalitzada. (eg: OpenStreetMap)",
"placeholder-layer-url": "URL de la capa personalitzada. (eg: https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png)",
"remove-selection": "Elimina la selecció"
},
"loadNogos": {
"defaultProperties": "Propietats per defecte",
"file": "Fitxer (.geojson):",
"load": "Carrega",
"nogoBuffer": "Zona d'influència de les àrees omeses (en metres):",
"nogoRadius": "Radi de les àrees omeses per punts (en metres)",
"nogoWeight": "Pes de les àrees omeses (-1 vol dir inaccessible)",
"source": "Font",
"title": "Carrega les àrees omeses",
"url": "URL: "
},
"map": {
"attribution-osm-long": "Contribuidors de l'OpenStreetMap",
"attribution-osm-short": "OpenStreetMap",
"clear-route": "Neteja les dades de la ruta",
"copyright": "Copyright",
"cycling": "Ciclisme",
"delete-last-point": "Esborra l'últim punt",
"delete-nogo-areas": "Esborra totes les àrees omeses",
"delete-pois": "Esborra tots els punts d'interès",
"delete-route": "Esborra la ruta",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Dibuixa punts d'interès",
"draw-poi-stop": "Para de dibuixar punts d'interès",
"draw-route-start": "Dibuixa una ruta",
"draw-route-stop": "Para de dibuixar la ruta",
"enter-poi-name": "Introdueix el nom del punt d'interès",
"geocoder": "Cerca",
"geocoder-placeholder": "Cerca...",
"hikebike-hillshading": "Ombreig del relleu ",
"hiking": "Excursionisme",
"layer": {
"bing": "Bing aeri",
"cycle": "OpenCycleMap (Thunderf.)",
"cycling": "Bici (camins marcats)",
"digitalglobe": "Imatgeria recent de DigitalGlobe",
"esri": "Imatgeria del món d'Esri",
"hikebike-hillshading": "Ombreig del relleu (mapa per caminades i bici)",
"hiking": "Caminada (camins marcats)",
"osm": "OpenStreetMap",
"osmde": "OpenStreetMap.de",
"outdoors": "Aire lliure (Thunderforest)",
"route-quality": "Codificació de la qualitat de la ruta",
"stamen-terrain": "Terreny (Stamen)",
"strava-segments": "Segments de Strava",
"topo": "OpenTopoMap"
},
"loading": "Carregant...",
"locate-me": "Mostra'm on sóc",
"nogo": {
"cancel": "Cancel·la el dibuix d'àrees omeses",
"click-drag": "Cliqueu i arrossegueu per dibuixar un cercle",
"draw": "Dibuixa una àrea omesa circular",
"edit": "Cliqueu per editar",
"help": "&square; = mou / redimensiona, <span class=\"fa fa-trash-o\"></span> = esborra,<br>clique al cercle per deixar d'editar"
},
"opacity-slider": "Especifica la transparència de la ruta i els marcadors",
"opacity-slider-shortcut": "{{action}}\n(Mantén premuda la tecla {{key}} per silenciar temporalment)",
"preview": "Previsualitza",
"privacy": "Privacitat",
"reverse-route": "Capgira la ruta",
"route-quality-altitude": "Codificació de l'altitud",
"route-quality-cost": "Codificació del cost",
"route-quality-incline": "Codificació de la inclinació",
"route-quality-shortcut": "{{action}} ({{key}} tecla per commutar)",
"strava-biking": "Mostra els segments de bici de Strava",
"strava-running": "Mostra els segments de córrer de Strava",
"strava-shortcut": "{{action}}\n(tecla {{key}} per commutar les capes, cliqueu per recarregar l'àrea actual)",
"zoomInTitle": "Apropa",
"zoomOutTitle": "Allunya"
},
"modal": {
"close": "Tanca"
},
"navbar": {
"about": "Quant a",
"alternative": {
"first": "1a alternativa",
"original": "Original",
"second": "2a alternativa",
"third": "3a alternativa"
},
"export": "Exporta",
"export-tooltip": "Exporta la ruta",
"load": {
"nogos": "Carrega les àrees omeses",
"title": "Carrega",
"tooltip": "{{tracksAction}} (tecla {{tracksKey}})\n{{nogosAction}} ({{nogosKey}})",
"tracks": "Carrega traces"
},
"profile": {
"car-eco": "Cotxe (econòmic)",
"car-fast": "Cotxe (ràpid)",
"car-test": "Cotxe (test)",
"custom": "Personalitzat",
"fastbike": "Bici ràpida",
"fastbike-asia-pacific": "Bici ràpida (Àsia Pacífic)",
"fastbike-lowtraffic": "Bici ràpida (poc trànsit)",
"hiking-beta": "Excursionisme (beta)",
"moped": "Ciclomotor",
"rail": "Via",
"river": "Riu",
"safety": "Seguretat",
"shortest": "El més curt",
"trekking": "Trescar amb bici",
"trekking-ignore-cr": "Trescar amb bici (ignora les rutes de bici)",
"trekking-noferries": "Trescar amb bici (sense ferris)",
"trekking-nosteps": "Trescar amb bici (sense graons)",
"trekking-steep": "Trescar amb bici (dret)",
"vm-forum-liegerad-schnell": "Trescar amb bici (ràpid)",
"vm-forum-velomobil-schnell": "Velomobile (ràpid)"
},
"profile-tooltip": "\n(tecla {{key}} per canviar)"
},
"sidebar": {
"analysis": {
"header": {
"highway": "Autopista",
"smoothness": "Suavitat",
"surface": "Superfície"
},
"table": {
"category": "Categoria",
"length": "Longitud",
"total_known": "Total conegut:",
"unknown": "Desconegut"
},
"title": "Anàlisi",
"tooltip": "Analitza la ruta"
},
"customize-profile": {
"title": "Personalitza el perfil",
"tooltip": "Personalitza el perfil"
},
"data": {
"sync-map": "Sincronitza el mapa",
"title": "Dades",
"tooltip": "Mostra la taula de dades detallades de la ruta"
},
"itinerary": {
"title": "Itinerari",
"tooltip": "Mostra l'itinerari"
},
"layers": {
"category": {
"base-layers": "Capes base",
"country": "País",
"europe": "Europa",
"europe-monolingual": "Europa monolingüe",
"overlays": "Superposicions",
"worldwide": "Arreu del món",
"worldwide-international": "Arreu del món internacional",
"worldwide-monolingual": "Arreu del món monolígüe"
},
"collapse": "Col·lapsa-ho tot",
"custom-layers": "Capes personalitzades",
"customize": "Afegeix o elimina capes personalitzades",
"expand": "Expandeix-ho tot",
"optional": "Afegeix o elimina capes opcionals",
"optional-layers": "Més",
"overlay-opacity": "Transparència de la superposició",
"table": {
"URL": "URL",
"empty": "Encara no hi ha cap capa personalitzada configurada.",
"name": "Nom",
"type": "Tipus"
},
"title": "Capes",
"tooltip": "Seleccioneu capes"
},
"profile": {
"apply": "Aplica",
"clear": "Neteja",
"help": "Ajuda",
"no_easy_configuration_warning": "No hi ha configuració fàcil per aquest perfil.",
"options": "Opcions",
"placeholder": "Escriviu el vostre propi perfil personalitzat aquí",
"profile": "Perfil"
},
"tab-tooltip": "{{action}}\n(tecla {{toggleKey}} per commutar, {{switchKey}} per canviar a la pestanya següent)"
},
"title": "Client web de BRouter",
"trackasroute": {
"explainpoi": "(mostra les fites com a PDI)",
"explaintracklayer": "(mostra traces com a capa separada)",
"file": "Fitxer de traça",
"fuzziness": "grau d'aproximació",
"pleasewait": "Espereu si us plau.",
"showpois": "PDI",
"title": "Carrega una traça com a ruta",
"tracklayer": "Capa de la traça",
"tuning": "Ajust"
},
"warning": {
"cannot-get-route": "Error en obtenir l'URL de la ruta",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "el servidor no respon",
"no-route-found": "Error: no es pot trobar una ruta pels punts donats. Podríeu provar de moure'ls més a prop de carreteres?",
"profile-error": "Error del perfil: cap resposta o resposta buida del servidor",
"strava-error": "Error en obtenir els segments de Strava: {{error}}",
"temporary-profile": "<strong>Nota:</strong> Els perfils personalitzats carregats només es desen temporalment al servidor.<br/>Deseu les vostres edicions al vostre ordinador.",
"tracks-load-error": "Error en carregar les traces: {{error}}",
"upload-error": "Error de càrrega: {{error}}"
}
}

4
locales/de.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Alle No-go-Areas löschen",
"delete-pois": "Alle POI löschen",
"delete-route": "Route löschen",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "POI einzeichnen",
"draw-poi-stop": "Einzeichnen der POI beenden",
"draw-route-start": "Route zeichnen",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Fehler beim Abrufen der Routen-URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "Keine Antwort vom Server",
"no-route-found": "Fehler: kann für angegebene Punkte keine Route finden. Vielleicht die Punkte näher an Straßen verschieben?",
"profile-error": "Profil-Fehler: keine oder leere Antwort vom Server",

6
locales/en.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Delete all no-go areas",
"delete-pois": "Delete all points of interest",
"delete-route": "Delete route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Error getting route URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "no response from server",
"no-route-found": "Error: cannot find a route for given points. Maybe try to move them closer to roads?",
"profile-error": "Profile error: no or empty response from server",

6
locales/eo.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Delete all no-go areas",
"delete-pois": "Delete all points of interest",
"delete-route": "Delete route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Error getting route URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "no response from server",
"no-route-found": "Error: cannot find a route for given points. Maybe try to move them closer to roads?",
"profile-error": "Profile error: no or empty response from server",

6
locales/es_ES.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Eliminar todas las áreas prohibidas",
"delete-pois": "Eliminar todos los Puntos de Interés",
"delete-route": "Eliminar ruta",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Error al obtener la URL de ruta",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "sin respuesta del servidor",
"no-route-found": "Error: no se puede encontrar una ruta para los puntos dados. ¿Quizás intentando acercarlos a las carreteras?",
"profile-error": "Error de perfil: no o respuesta vacía del servidor",

6
locales/fa.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Delete all no-go areas",
"delete-pois": "Delete all points of interest",
"delete-route": "Delete route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Error getting route URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "no response from server",
"no-route-found": "Error: cannot find a route for given points. Maybe try to move them closer to roads?",
"profile-error": "Profile error: no or empty response from server",

100
locales/fr.json
View file

@ -3,16 +3,16 @@
"bug-reports": "Rapporter un problème ou une amélioration :",
"bug-reports-back": "serveur, moteur de routage, appli Android, profils, site brouter.de ;",
"bug-reports-front": "client web.",
"chat": "Discuter avec d'autres utilisateurs et développeurs",
"chat": "Discuter avec d'autres utilisateurs et développeurs ;",
"contact": "Contact :",
"contact-language": "Preferred language is English, as we have both international contributors and users.",
"contact-language": "L'anglais est à privilégier pour les échanges, car les développeurs et utilisateurs viennent du monde entier.",
"data": "Données :",
"data-description": "Les données reposent sur <a href=\"https://www.openstreetmap.org\" target=\"_blank\">OpenStreetMap</a>. La mise à jour est généralement quotidienne, voir <a href=\"https://brouter.de/brouter/segments4/\" target=\"_blank\">les fichiers de données</a>. ",
"description": "Service web pour le moteur de routage BRouter. Pour l'appli Android et de plus amples informations, voir <a href=\"https://brouter.de/\" target=\"_blank\">brouter.de</a>.",
"details": "<i><a href=\"{{privacyPolicyUrl}}\" target=\"_blank\">Respect de la vie privée</a></i>, \n<i><a href=\"https://github.com/nrenner/brouter-web#credits-and-licenses\" target=\"_blank\">Crédits</a></i>,\n<i><a href=\"https://github.com/nrenner/brouter-web/blob/master/CHANGELOG.md\" target=\"_blank\">Changements</a></i> et\n<i><a href=\"https://github.com/nrenner/brouter-web#readme\" target=\"_blank\">plus d'infos</a></i> sur le client web.",
"support": "Discussions/Questions générales, support ;",
"support": "Discussions et questions générales, support ;",
"title": "À propos",
"tooltip": "Show more information about BRouter-Web"
"tooltip": "Afficher plus d'informations à propos de BRouter-Web"
},
"credits": {
"brouter": "BRouter",
@ -42,7 +42,7 @@
"ascend": "Dénivelé cumulé",
"cost": "Coût",
"distance": "Distance",
"elevation-chart": "Toggle elevation chart",
"elevation-chart": "Inverser l'affichage du profil altimétrique",
"energy-per-100km": "pour 100km",
"hours": "heures",
"hours-abbrev": "h",
@ -59,10 +59,10 @@
"travel-time": "Temps de trajet"
},
"keyboard": {
"backspace": "Backspace",
"escape": "Escape",
"generic-shortcut": "{{action}} ({{key}} key)",
"shift": "Shift"
"backspace": "Retour chariot",
"escape": "Échap",
"generic-shortcut": "{{action}} (touche {{key}})",
"shift": "Maj"
},
"layers": {
"add-base": "Ajouter un fond de carte ",
@ -94,13 +94,15 @@
"delete-nogo-areas": "Supprimer toutes les zones interdites",
"delete-pois": "Supprimer tous les points d'intérêt ",
"delete-route": "Supprimer l'itinéraire",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
"draw-route-stop": "Stop drawing route",
"draw-circlego-start": "Ajouter une zone limite de {{radius}} km",
"draw-circlego-stop": "Arrêter l'ajout d'une zone limite de {{radius}} km",
"draw-poi-start": "Ajouter des points d'intérêt",
"draw-poi-stop": "Arrêter l'ajout de points d'intérêt",
"draw-route-start": "Dessiner l'itinéraire",
"draw-route-stop": "Arrêter de dessiner l'itinéraire",
"enter-poi-name": "Saisir le nom du point d'intérêt",
"geocoder": "Search",
"geocoder-placeholder": "Search…",
"geocoder": "Rechercher",
"geocoder-placeholder": "Rechercher…",
"hikebike-hillshading": "Relief avec ombre",
"hiking": "Randonnée",
"layer": {
@ -124,22 +126,22 @@
"nogo": {
"cancel": "Annuler la zone interdite",
"click-drag": "Cliquer et faire glisser pour dessiner un cercle",
"draw": "Draw circular no-go area",
"draw": "Dessiner une zone interdite circulaire",
"edit": "Cliquer pour éditer",
"help": "&square; = déplacer / redimensionner, <span class=\"fa fa-trash-o\"></span> = supprimer,<br>cliquer sur le cercle pour arrêter l'édition"
},
"opacity-slider": "Set transparency of route track and markers",
"opacity-slider-shortcut": "{{action}}\n(Hold {{key}} key to mute temporarily)",
"opacity-slider": "Définie l'opacité de l'itinéraire et des marqueurs",
"opacity-slider-shortcut": "{{action}}\n(Maintenir la touche {{key}} pour masquer temporairement)",
"preview": "Prévisualiser",
"privacy": "Vie privée",
"reverse-route": "Inverse l'itinéraire",
"route-quality-altitude": "Chiffrage de l'altitude",
"route-quality-cost": "Chiffrage du coût",
"route-quality-incline": "Chiffrage d'inclinaison",
"route-quality-shortcut": "{{action}} ({{key}} key to toggle)",
"route-quality-shortcut": "{{action}} (touche {{key}} pour basculer)",
"strava-biking": "Afficher les segments Strava vélo",
"strava-running": "Afficher les segments Strava à pied",
"strava-shortcut": "{{action}}\n({{key}} key to toggle layer, click to reload for current area)",
"strava-shortcut": "{{action}}\n(touche {{key}} pour basculer de calque, cliquer pour recharger la zone actuelle)",
"zoomInTitle": "Zoomer",
"zoomOutTitle": "Dézoomer"
},
@ -155,12 +157,12 @@
"third": "3ème alternative"
},
"export": "Exporter",
"export-tooltip": "Export route",
"export-tooltip": "Exporter l'itinéraire",
"load": {
"nogos": "Load no-go areas",
"nogos": "Charger des zones interdites",
"title": "Charger",
"tooltip": "{{tracksAction}} ({{tracksKey}} key)\n{{nogosAction}} ({{nogosKey}})",
"tracks": "Load tracks"
"tooltip": "{{tracksAction}} (touche {{tracksKey}} )\n{{nogosAction}} ({{nogosKey}})",
"tracks": "Charger des traces"
},
"profile": {
"car-eco": "Voiture (économique)",
@ -184,36 +186,36 @@
"vm-forum-liegerad-schnell": "Vélo couché (rapide)",
"vm-forum-velomobil-schnell": "Vélomobile (rapide)"
},
"profile-tooltip": "\n({{key}} key to switch)"
"profile-tooltip": "\n(touche {{key}} pour échanger)"
},
"sidebar": {
"analysis": {
"header": {
"highway": "Highway",
"smoothness": "Smoothness",
"surface": "Surface"
"highway": "Grande route",
"smoothness": "Qualité de roulage",
"surface": "Revêtement"
},
"table": {
"category": "Category",
"length": "Length",
"total_known": "Total Known:",
"unknown": "Unknown"
"category": "Catégorie",
"length": "Longueur",
"total_known": "Total connu :",
"unknown": "Inconnu"
},
"title": "Analysis",
"tooltip": "Analyse route"
"title": "Analyse",
"tooltip": "Analyse de l'itinéraire"
},
"customize-profile": {
"title": "Personnaliser le profil",
"tooltip": "Customize profile"
"tooltip": "Personnaliser le profil"
},
"data": {
"sync-map": "Synchroniser la carte",
"title": "Données",
"tooltip": "Show detailed route data table"
"tooltip": "Afficher la table des données de l'itinéraire détaillé"
},
"itinerary": {
"title": "Itinéraire",
"tooltip": "Show itinerary"
"tooltip": "Afficher l'itinéraire"
},
"layers": {
"category": {
@ -240,7 +242,7 @@
"type": "Type"
},
"title": "Calques",
"tooltip": "Select layers"
"tooltip": "Sélection des calques"
},
"profile": {
"apply": "Appliquer",
@ -251,22 +253,24 @@
"placeholder": "Saisissez votre profil personnalisé ici.",
"profile": "Profil"
},
"tab-tooltip": "{{action}}\n({{toggleKey}} key to toggle, {{switchKey}} to switch to next tab)"
"tab-tooltip": "{{action}}\n(touche {{toggleKey}} pour basculer, {{switchKey}} pour passer à l'onglet suivant)"
},
"title": "Client web BRouter",
"trackasroute": {
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
"tracklayer": "Track Layer",
"tuning": "Tuning"
"explainpoi": "(afficher les points de passage comme des PIs)",
"explaintracklayer": "(afficher la piste comme un calque distinct)",
"file": "Fichier de piste",
"fuzziness": "flou",
"pleasewait": "Merci de patienter !",
"showpois": "PIs",
"title": "Charger la trace comme itinéraire",
"tracklayer": "Calque de trace",
"tuning": "Réglages"
},
"warning": {
"cannot-get-route": "Erreur lors de la réception de l'itinéraire",
"invalid-route-from": "Le départ est trop éloigné d'une route.",
"invalid-route-to": "L'arrivée est trop éloignée d'une route.",
"no-response": "aucune réponse du serveur",
"no-route-found": "Erreur : impossible de trouver un itinéraire correspondant aux points donnés. Essayez peut-être de rapprocher les points des routes ?",
"profile-error": "Erreur de profil : pas de réponse ou réponse invalide du serveur",

6
locales/gl.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Delete all no-go areas",
"delete-pois": "Delete all points of interest",
"delete-route": "Delete route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Error getting route URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "no response from server",
"no-route-found": "Error: cannot find a route for given points. Maybe try to move them closer to roads?",
"profile-error": "Profile error: no or empty response from server",

4
locales/hu.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Minden elkerülendő terület törlése",
"delete-pois": "Minden érdekes pont (POI) törlése",
"delete-route": "Útvonal törlése",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Érdekes pontok (POI-k) rajzolása",
"draw-poi-stop": "Érdekes pontok rajzolásának megszakítása",
"draw-route-start": "Útvonal rajzolása",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Hiba történt az útvonal URL-jének beolvasásakor",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "a kiszolgáló nem válaszol",
"no-route-found": "Hiba: az adott pontokhoz nem sikerül útvonalat találni. Esetleg próbálja meg közelebb tenni őket az utakhoz.",
"profile-error": "Profilhiba: a kiszolgáló nem válaszol vagy üres választ küld",

6
locales/is.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Eyða öllum bannsvæðum",
"delete-pois": "Eyða öllum merkisstöðum",
"delete-route": "Eyða leið",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Teikna leið",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Villa við að ná í URL-slóð leiðar",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "ekkert svar frá netþjóni",
"no-route-found": "Villa: fann ekki leið fyrir uppgefna punkta. Kannski ættirðu að prófa að færa þá nær vegum?",
"profile-error": "Villa í notkunarsniði: ekkert eða tómt svar frá netþjóni",

6
locales/nb.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Slett alle no-go områder",
"delete-pois": "Slett alle interessepunkter",
"delete-route": "Slett rute",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Feil under mottak av rute-URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "ingen svar fra serveren",
"no-route-found": "Error: cannot find a route for given points. Maybe try to move them closer to roads?",
"profile-error": "Profile error: no or empty response from server",

6
locales/nl.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Verwijder alle no-go gebieden",
"delete-pois": "Delete all points of interest",
"delete-route": "Verwijder route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Teken route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Fout bij ophalen route URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "geen antwoord van server",
"no-route-found": "Fout: Kan geen route vinden voor de gegeven punten.\nProbeer de punten dichter bij wegen te plaatsen",
"profile-error": "Profielfout: geen of leeg antwoord van server",

6
locales/pl.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Usuń wszystkie strefy no-go",
"delete-pois": "Usuń wszystkie punkty zainteresowania",
"delete-route": "Usunąć trasę?",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Błąd pobierania URL trasy",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "brak odpowiedzi z serwera",
"no-route-found": "Błąd: nie można znaleźć trasy dla zadanych punktów. Spróbuj przesunąć je bliżej dróg.",
"profile-error": "Błąd profilu: brak lub pusta odpowiedź z serwera",

6
locales/pt.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Delete all no-go areas",
"delete-pois": "Delete all points of interest",
"delete-route": "Delete route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Error getting route URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "no response from server",
"no-route-found": "Error: cannot find a route for given points. Maybe try to move them closer to roads?",
"profile-error": "Profile error: no or empty response from server",

6
locales/ru_RU.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Удалить все запретные зоны",
"delete-pois": "Delete all points of interest",
"delete-route": "Удалить маршрут",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Ошибка при получении URL маршрута",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "сервер не отвечает",
"no-route-found": "Ошибка: не удается найти маршрут для заданных точек. Может быть, попытаться переместить их ближе к дорогам?",
"profile-error": "Ошибка профиля: не удалось получить ответ сервера либо получен пустой ответ.",

6
locales/tr.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Delete all no-go areas",
"delete-pois": "Delete all points of interest",
"delete-route": "Delete route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "Error getting route URL",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "no response from server",
"no-route-found": "Error: cannot find a route for given points. Maybe try to move them closer to roads?",
"profile-error": "Profile error: no or empty response from server",

6
locales/zh-TW.json
View file

@ -94,6 +94,8 @@
"delete-nogo-areas": "Delete all no-go areas",
"delete-pois": "Delete all points of interest",
"delete-route": "Delete route",
"draw-circlego-start": "Draw limited {{radius}}km go-to zone",
"draw-circlego-stop": "Stop drawing limited {{radius}}km go-to zone",
"draw-poi-start": "Draw points of interest",
"draw-poi-stop": "Stop drawing points of interest",
"draw-route-start": "Draw route",
@ -258,7 +260,7 @@
"explainpoi": "(show waypoints as POI's)",
"explaintracklayer": "(show Track as separate Layer)",
"file": "Trackfile",
"fuzziness": "fuzzines",
"fuzziness": "fuzziness",
"pleasewait": "Please wait!",
"showpois": "POI's",
"title": "Load Track as Route",
@ -267,6 +269,8 @@
},
"warning": {
"cannot-get-route": "取得路線URL時發生錯誤",
"invalid-route-from": "Start marker is too far from a route.",
"invalid-route-to": "Destination marker is too far from a route.",
"no-response": "伺服器沒有回應",
"no-route-found": "錯誤: 無法就給予的端點建立路線。或者嘗試將它們移近至道路附近？",
"profile-error": "設定檔錯誤: 伺服器回傳空值或沒有回應",

53
package.json
View file

@ -1,6 +1,6 @@
{
"name": "brouter-web",
"version": "0.13.0",
"version": "0.14.0",
"description": "Web client for BRouter",
"main": "js/index.js",
"scripts": {
@ -50,9 +50,9 @@
"datatables": "~1.10.18",
"font-awesome": "^4.7.0",
"geo-data-exchange": "alexcojocaru/geo-data-exchange#v1.1.0",
"i18next": "^15.0.4",
"i18next-browser-languagedetector": "^3.0.1",
"i18next-xhr-backend": "^2.0.1",
"i18next": "^19.8.4",
"i18next-browser-languagedetector": "^6.0.1",
"i18next-xhr-backend": "^3.2.2",
"jquery": "3.5.1",
"jquery-i18next": "^1.2.1",
"jstree": "^3.3.8",
@ -73,47 +73,46 @@
"leaflet.snogylop": "^0.4.0",
"leaflet.stravasegments": "2.3.2",
"mapbbcode": "MapBBCode/mapbbcode#v1.2.0",
"promise-polyfill": "^8.1.0",
"tether": "1.4.5",
"promise-polyfill": "^8.2.0",
"url-search-params": "~0.5.0",
"whatwg-fetch": "^3.0.0"
"whatwg-fetch": "^3.5.0"
},
"devDependencies": {
"autoprefixer": "^8.1.0",
"browser-sync": "^2.26.7",
"browser-sync": "^2.26.13",
"del": "^1.1.1",
"eslint": "^6.6.0",
"eslint": "^7.15.0",
"eslint-plugin-compat": "^3.3.0",
"gulp": "^4.0.2",
"gulp-bump": "^2.7.0",
"gulp-bump": "^3.2.0",
"gulp-cached": "^1.0.4",
"gulp-clean-css": "^4.0.0",
"gulp-clean-css": "^4.3.0",
"gulp-concat": "^2.5.2",
"gulp-confirm": "^1.0.6",
"gulp-debug": "^2.0.1",
"gulp-git": "^2.2.0",
"gulp-debug": "^4.0.0",
"gulp-git": "^2.10.1",
"gulp-github-release": "^1.2.1",
"gulp-if": "^2.0.0",
"gulp-inject": "^1.2.0",
"gulp-if": "^3.0.0",
"gulp-inject": "^5.0.5",
"gulp-json-concat": "^0.1.1",
"gulp-modify-css-urls": "^2.0.0",
"gulp-postcss": "^7.0.1",
"gulp-remember": "^0.3.0",
"gulp-rename": "^1.4.0",
"gulp-replace": "^0.5.4",
"gulp-sourcemaps": "^1.5.1",
"gulp-uglify": "^1.1.0",
"gulp-postcss": "^9.0.0",
"gulp-remember": "^1.0.1",
"gulp-rename": "^2.0.0",
"gulp-replace": "^1.0.0",
"gulp-sourcemaps": "^3.0.0",
"gulp-uglify": "^3.0.2",
"gulp-util": "^3.0.7",
"gulp-zip": "^4.0.0",
"husky": "^2.3.0",
"i18next-scanner": "^2.9.1",
"gulp-zip": "^5.0.2",
"husky": "^4.3.4",
"i18next-scanner": "^3.0.0",
"merge-stream": "^2.0.0",
"node-fetch": "^2.6.1",
"npmfiles": "^0.1.1",
"npmfiles": "^0.1.3",
"patch-package": "~6.2.2",
"postinstall-postinstall": "~2.1.0",
"prettier": "^1.17.1",
"pretty-quick": "^1.10.0"
"prettier": "^2.2.1",
"pretty-quick": "^3.1.0"
},
"overrides": {
"leaflet": {

2507
yarn.lock
View file

File diff suppressed because it is too large Load diff