Compare commits
No commits in common. "162e4f7aaa55cc42cbcb4239d192a6c361d070df" and "3966c5914b21cc93fa8bb6223ec2eefc1b6ff97f" have entirely different histories.
162e4f7aaa
...
3966c5914b
2 changed files with 3 additions and 54 deletions
|
@ -5,7 +5,7 @@ A tool to display maps of lines as vector tiles using leaflet.
|
||||||
|
|
||||||
## Dependencies
|
## Dependencies
|
||||||
|
|
||||||
* Tippecanoe (requires version 2 or later)
|
* Tippecanoe (requires verision 2 or later)
|
||||||
* ogrmerge (part of gdal-bin in Debian)
|
* ogrmerge (part of gdal-bin in Debian)
|
||||||
* jq
|
* jq
|
||||||
|
|
||||||
|
|
|
@ -33,45 +33,6 @@ function onHashChange() {
|
||||||
map.on("moveend", update_hash);
|
map.on("moveend", update_hash);
|
||||||
map.on("zoomend", update_hash);
|
map.on("zoomend", update_hash);
|
||||||
|
|
||||||
|
|
||||||
let pointPaintRules = [
|
|
||||||
{
|
|
||||||
dataLayer: "points",
|
|
||||||
symbolizer: new protomapsL.CircleSymbolizer({
|
|
||||||
radius: 3,
|
|
||||||
fill: 'black',
|
|
||||||
stroke: 'white',
|
|
||||||
width: 1.5,
|
|
||||||
}),
|
|
||||||
filter: (z,f) => { return f.props.zoom < z }
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
let pointRules = [
|
|
||||||
{
|
|
||||||
dataLayer: "points",
|
|
||||||
symbolizer:
|
|
||||||
new protomapsL.OffsetTextSymbolizer({
|
|
||||||
labelProps: ["name_local", "name_lat"],
|
|
||||||
offsetX: 6,
|
|
||||||
offsetY: 4.5,
|
|
||||||
fill: 'black',
|
|
||||||
width: 2,
|
|
||||||
stroke: 'white',
|
|
||||||
lineHeight: 1.5,
|
|
||||||
letterSpacing: 1,
|
|
||||||
font: (z, f) => {
|
|
||||||
const size = protomapsL.linear([
|
|
||||||
[3, 10],
|
|
||||||
[10, 12],
|
|
||||||
])(z);
|
|
||||||
return `400 ${size}px sans-serif`;
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
filter: (z,f) => { return f.props.zoom < z }
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
fetch("layers.json")
|
fetch("layers.json")
|
||||||
.then((response) => response.json())
|
.then((response) => response.json())
|
||||||
.then((data) => {
|
.then((data) => {
|
||||||
|
@ -93,29 +54,17 @@ fetch("layers.json")
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
const strecken = protomapsL.leafletLayer({
|
const strecken = protomapsL.leafletLayer({
|
||||||
url: data["pmtiles_url"] ?? "strecken.pmtiles",
|
url: "strecken.pmtiles",
|
||||||
maxDataZoom: data["maxZoom"] ?? 10,
|
maxDataZoom: data["maxZoom"] ?? 10,
|
||||||
maxZoom: 19,
|
maxZoom: 19,
|
||||||
paintRules: rules,
|
paintRules: rules,
|
||||||
});
|
});
|
||||||
|
|
||||||
osm.addTo(map);
|
osm.addTo(map);
|
||||||
legend.addTo(map);
|
legend.addTo(map);
|
||||||
strecken.addTo(map);
|
strecken.addTo(map);
|
||||||
if ("points_url" in data) {
|
|
||||||
const points = protomapsL.leafletLayer({
|
|
||||||
url: data["points_url"],
|
|
||||||
maxDataZoom: data["maxZoom"] ?? 10,
|
|
||||||
maxZoom: 19,
|
|
||||||
labelRules: pointRules,
|
|
||||||
paintRules: pointPaintRules,
|
|
||||||
});
|
|
||||||
points.addTo(map);
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let dirHandle;
|
let dirHandle;
|
||||||
let editMode = false;
|
let editMode = false;
|
||||||
let markers = [];
|
let markers = [];
|
||||||
|
|
Loading…
Add table
Reference in a new issue