dancingCycle
/
station-profile
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add OSM content

This commit is contained in:
dancingCycle 2023-09-04 13:46:07 +02:00
parent 393b955636
commit 8d6bef0e5e
1 changed files with 59 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

115
app/pages/station-profile.jsx
View File

@ -23,7 +23,7 @@ export default function StationProfile() {
const address = 'https://overpass-api.de/api/interpreter?data=[out:json][timeout:60];node[uic_ref=' + uic + '];';
//console.log('StationProfile:useEffect() address: ' + address);/
//get station
//get station array
get(address + 'node[public_transport=station][railway=station](around:2);out body center qt;')
.then(data => {
setSttnRry((sttnRry) => data.elements);
@ -70,58 +70,14 @@ export default function StationProfile() {
return (
<>
{sttnRry.length > 0 ? <h1>{sttnRry[0].tags.official_name}</h1> : null}
{sttnRry.length > 0 ? <><p>Links</p><ul>
<li key='osm'>
<a href={'https://www.openstreetmap.org/node/' + sttnRry[0].id} target="_blank" rel="noopener noreferrer">
OSM
</a>
</li>
<li key='wikidata'>
<a href={'https://www.wikidata.org/wiki/' + sttnRry[0].tags.wikidata} target="_blank" rel="noopener noreferrer">
Wikidata
</a>
</li>
<li key='wikipedia'>
<a href={'https://de.wikipedia.org/wiki/' + sttnRry[0].tags.wikipedia} target="_blank" rel="noopener noreferrer">
Wikipedia
</a>
</li>
</ul></> : null}
<p>Departures Board</p>
<ul>
<li key='fahrplaner'>
<a href={'https://fahrplaner.vbn.de/mct/views/monitor/index.html?cfgFile=a21hTCkgcxEVQKqFv77q_1637321028345&station=' + uic + '&productOrder=%5b%5d'} target="_blank" rel="noopener noreferrer">
<a href={'https://fahrplaner.vbn.de/mct/views/monitor/index.html?cfgFile=a21hTCkgcxEVQKqFv77q_1637321028345&station=' + uic + '&productOrder=%5b%5d'} target="_blank" rel="noopener noreferrer">
Fahrplaner
</a>
</li>
</ul>
<p>Station Plan (
<a href='https://daten.zvbn.de/ssb/locale/en_GB/legend_en_GB.pdf' target="_blank" rel="noopener noreferrer">
Key
</a>
)<br/>
<a href={'https://daten.zvbn.de/ssb/plaene/' + uic + '_orig.jpg'}>
<img
src={'https://daten.zvbn.de/ssb/plaene/' + uic + '_orig.jpg'}
alt='Station Plan'
height='420'
/>
</a>
</p>
<p>Bus Stop</p>
<ul>
{
bsRry.map((value, index) => {
return <li key={index}>
Name: {value.tags.name},
Operator: {value.tags.operator},
Network: {value.tags.network},
Description: {value.tags.description}
</li>;
})
}
</ul>
<p>B+R</p>
<ul>
{
@ -136,6 +92,39 @@ export default function StationProfile() {
})
}
</ul>
<p>Bus Stop</p>
<ul>
{
bsRry.map((value, index) => {
return <li key={index}>
Name: {value.tags.name},
Operator: {value.tags.operator},
Network: {value.tags.network},
Description: {value.tags.description}
</li>;
})
}
</ul>
<p>Links</p>
{sttnRry.length > 0 ? <ul>
<li key='osm'>
<a href={'https://www.openstreetmap.org/node/' + sttnRry[0].id} target="_blank" rel="noopener noreferrer">
OSM
</a>
</li>
<li key='wikidata'>
<a href={'https://www.wikidata.org/wiki/' + sttnRry[0].tags.wikidata} target="_blank" rel="noopener noreferrer">
Wikidata
</a>
</li>
<li key='wikipedia'>
<a href={'https://de.wikipedia.org/wiki/' + sttnRry[0].tags.wikipedia} target="_blank" rel="noopener noreferrer">
Wikipedia
</a>
</li>
</ul> : null}
<p>OSM</p>
{sttnRry.length > 0 ? <pre>{JSON.stringify(sttnRry[0], null, '\t')}</pre> : null}
<p>P+R</p>
<ul>
{
@ -151,6 +140,30 @@ export default function StationProfile() {
})
}
</ul>
<p>Station Plan (
<a href='https://daten.zvbn.de/ssb/locale/en_GB/legend_en_GB.pdf' target="_blank" rel="noopener noreferrer">
Key
</a>
)<br/>
<a href={'https://daten.zvbn.de/ssb/plaene/' + uic + '_orig.jpg'}>
<img
src={'https://daten.zvbn.de/ssb/plaene/' + uic + '_orig.jpg'}
alt='Station Plan'
height='420'
/>
</a>
</p>
<p>Taxi Stop</p>
<ul>
{
taxiRry.map((value, index) => {
return <li key={index}>
Name: {value.tags.name}
</li>;
})
}
</ul>
<p>Ticket Shop</p>
<ul>
{
@ -162,16 +175,6 @@ export default function StationProfile() {
})
}
</ul>
<p>Taxi Stop</p>
<ul>
{
taxiRry.map((value, index) => {
return <li key={index}>
Name: {value.tags.name}
</li>;
})
}
</ul>
<p>Vending Machine</p>
<ul>
{