Dyomedea
/
dyomedea
1
1
Fork 0
Code Issues 4 Pull Requests Projects 3 Releases 1 Wiki Activity

Still playing with styles for ways

This commit is contained in:
Eric van der Vlist 2023-02-04 15:07:50 +01:00
parent adce285b0f
commit fcaa3b95a0
1 changed files with 44 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
src/components/gpx/styles.ts
View File

@ -275,7 +275,7 @@ const styles = {
iwn: [
new Style({
stroke: new Stroke({
color: [255, 0, 0, 0.8],
color: [255, 0, 0, 0.6],
width: 3,
}),
}),
@ -283,7 +283,7 @@ const styles = {
nwn: [
new Style({
stroke: new Stroke({
color: [255, 0, 0, 0.8],
color: [255, 0, 0, 0.6],
width: 3,
}),
}),
@ -291,7 +291,7 @@ const styles = {
rwn: [
new Style({
stroke: new Stroke({
color: [255, 128, 0, 0.8],
color: [255, 128, 0, 0.6],
width: 3,
}),
}),
@ -299,7 +299,7 @@ const styles = {
lwn: [
new Style({
stroke: new Stroke({
color: [255, 255, 0, 0.8],
color: [255, 255, 0, 0.6],
width: 3,
}),
}),
@ -307,7 +307,7 @@ const styles = {
default: [
new Style({
stroke: new Stroke({
color: [255, 255, 0, 0.8],
color: [255, 255, 0, 0.6],
width: 3,
lineDash: [10, 10],
}),
@ -318,71 +318,84 @@ const styles = {
iwn: [
new Style({
stroke: new Stroke({
color: [255, 0, 0, 0.8],
width: 3,
lineDash: [10, 10],
lineDashOffset: 10,
color: [255, 0, 0, 0.6],
width: 7,
// lineDash: [10, 10],
// lineDashOffset: 10,
}),
}),
new Style({
stroke: new Stroke({
color: [255, 255, 255, 0.8],
color: [255, 255, 255, 0.6],
width: 3,
lineDash: [10, 10],
lineDashOffset: 0,
// lineDash: [10, 10],
// lineDashOffset: 0,
}),
}),
],
nwn: [
new Style({
stroke: new Stroke({
color: [255, 0, 0, 0.8],
width: 3,
lineDash: [10, 10],
lineDashOffset: 10,
color: [255, 0, 0, 0.6],
width: 7,
// lineDash: [10, 10],
// lineDashOffset: 10,
}),
}),
new Style({
stroke: new Stroke({
color: [255, 255, 255, 0.8],
color: [255, 255, 255, 0.6],
width: 3,
lineDash: [10, 10],
lineDashOffset: 0,
// lineDash: [10, 10],
// lineDashOffset: 0,
}),
}),
],
rwn: [
new Style({
stroke: new Stroke({
color: [255, 0, 0, 0.8],
width: 3,
lineDash: [10, 10],
lineDashOffset: 10,
color: [255, 255, 0, 0.6],
width: 7,
// lineDash: [10, 10],
// lineDashOffset: 10,
}),
}),
new Style({
stroke: new Stroke({
color: [255, 255, 0, 0.8],
color: [255, 0, 0, 0.6],
width: 3,
lineDash: [10, 10],
lineDashOffset: 0,
// lineDash: [10, 10],
// lineDashOffset: 0,
}),
}),
],
lwn: [
new Style({
stroke: new Stroke({
color: [255, 255, 0, 0.8],
color: [0, 0, 255, 0.6],
width: 3,
}),
}),
new Style({
stroke: new Stroke({
color: [255, 255, 0, 0.6],
width: 1,
}),
}),
],
default: [
new Style({
stroke: new Stroke({
color: [225, 220, 94, 0.8],
width: 3,
color: [0, 0, 255, 0.6],
lineDash: [10, 10],
width: 3,
}),
}),
new Style({
stroke: new Stroke({
color: [255, 255, 0, 0.6],
lineDash: [10, 10],
width: 1,
}),
}),
],
@ -405,10 +418,10 @@ const styles = {
if (getZoomInteger() < 7 && !['iwn'].includes(network)) {
return null;
}
if (getZoomInteger() < 12 && !['iwn', 'nwn'].includes(network)) {
if (getZoomInteger() < 11 && !['iwn', 'nwn'].includes(network)) {
return null;
}
if (getZoomInteger() < 14 && !['iwn', 'nwn', 'lwn'].includes(network)) {
if (getZoomInteger() < 13 && !['iwn', 'nwn', 'lwn'].includes(network)) {
return null;
}
return {