User:Eleni/Special Issue 25/Soundmap: Difference between revisions
| Line 1: | Line 1: | ||
[[File:Screenshot_2024-10-26_223107.png|thumb|328x328px|change of plans]] | [[File:Screenshot_2024-10-26_223107.png|thumb|328x328px|change of plans]] | ||
The idea for this project came to me after taking part in the second Broadcast on Radio Worm, for the Special Issue 25. We had collected so many field recordings from all around the city of Rotterdam, and I wanted to create a dynamic archive centered around them. Coinsidentally, in the same month I came across [https://saralana.xyz/sound-map this tutorial on how to make a DIY soundmap] . Everything clicked in my mind and I started the project as a past time in October. | |||
With the help of Sevgi and Imre, as well as the content that the PZI crowd provided, it turned into something much bigger! 💕 | |||
==Initial Version== | ==Initial Version== | ||
At first, I thought this project would be as simple as following this tutorial: [https://saralana.xyz/sound-map] | |||
===Steps taken=== | ===Steps taken=== | ||
# Signed up to UMAP and created a new map | #Signed up to UMAP and created a new map | ||
# Customized the map, centered it on Rotterdam | #Customized the map, centered it on Rotterdam | ||
# Created a csv file on cerealbox, where the data would go | #Created a csv file on cerealbox, where the data would go | ||
# Linked the csv file to the UMAP | #Linked the csv file to the UMAP | ||
# Created HTML page on the cerealbox and embeded the map | #Created HTML page on the cerealbox and embeded the map | ||
===Result=== | === Result=== | ||
<gallery mode="packed-hover" widths="450" heights="200"> | <gallery mode="packed-hover" widths="450" heights="200"> | ||
File:Screenshot 2024-10-26 223437.png | File:Screenshot 2024-10-26 223437.png | ||
| Line 28: | Line 33: | ||
==Resources== | ==Resources== | ||
https://cdnjs.com/ for libraries | |||
http://alexurquhart.github.io/free-tiles/ for tiles | |||
[https://www.openstreetmap.org/#map=7/52.154/5.295 OpenStreetMap] | [https://www.openstreetmap.org/#map=7/52.154/5.295 OpenStreetMap] | ||
[https://leafletjs.com/ leafletjs] | [https://leafletjs.com/ leafletjs] | ||
Revision as of 19:32, 16 November 2024
The idea for this project came to me after taking part in the second Broadcast on Radio Worm, for the Special Issue 25. We had collected so many field recordings from all around the city of Rotterdam, and I wanted to create a dynamic archive centered around them. Coinsidentally, in the same month I came across this tutorial on how to make a DIY soundmap . Everything clicked in my mind and I started the project as a past time in October.
With the help of Sevgi and Imre, as well as the content that the PZI crowd provided, it turned into something much bigger! 💕
Initial Version
At first, I thought this project would be as simple as following this tutorial: [1]
Steps taken
- Signed up to UMAP and created a new map
- Customized the map, centered it on Rotterdam
- Created a csv file on cerealbox, where the data would go
- Linked the csv file to the UMAP
- Created HTML page on the cerealbox and embeded the map
Result
Next Steps:
Scrapped the whole thing, unfortunately. I started from scratch, following this documentation: OpenLayers Simple Example
and then moved on to leafletjs.com
Version 2
Data
Resources
https://cdnjs.com/ for libraries