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

Lazy load Maplibre GL JS and add hillshading layer

Browse source
This commit is contained in:
Norbert Renner 2022-06-13 12:17:24 +02:00
parent f92d2e2227
commit 13efb4864c
11 changed files with 314 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

17
js/LayersConfig.js
View file

@ -240,6 +240,21 @@ BR.LayersConfig = L.Class.extend({
return new leafletOsmNotes();
},
createMvtLayer: function (props) {
const options = {};
if (props.url in BR.layerIndex) {
// url is key to style in local layers bundle (file name without '.json'),
// suggested file naming convention: `<layer id>-style.json`
options.style = BR.layerIndex[props.url];
} else {
// external URL to style.json
options.style = props.url;
}
return BR.maplibreGlLazyLoader(options);
},
createLayer: function (layerData) {
var props = layerData.properties;
var url = props.url;
@ -326,6 +341,8 @@ BR.LayersConfig = L.Class.extend({
layer = this.createOverpassLayer(props.query, props.icon);
} else if (props.dataSource === 'OpenStreetMapNotesAPI') {
layer = this.createOpenStreetMapNotesLayer();
} else if (props.type === 'mvt') {
layer = this.createMvtLayer(props);
} else {
// JOSM
var josmUrl = url;