User:Eleni/Special Issue 25/Soundmap: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
Line 22: Line 22:
As I stated above, I had to scrap the whole progress, as my expectations for the project had started getting higher.
As I stated above, I had to scrap the whole progress, as my expectations for the project had started getting higher.


== Version ==
== New, hotter Version ==
[[File:Screenshot 2024-11-10 214036.png|456x456px|left|frameless]]
[[File:Screenshot 2024-11-10 214036.png|456x456px|left|frameless]]


==Data==
==Data==

Revision as of 19:39, 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 it turned into something much bigger! 💕


Initial Version

It only took a few hours of working with the tutorial to realize that I wouldn't be able to customize the map or the popups, since the final result would be an <iframe> in my html. Alas, I was not deflated— the plan simply changed. We went truly DIY. However, I am providing the steps I took in case you, the reader of this monologue, would like to make your own soundmap sweat-free. PS. Don't fret! I will be providing a full tutorial of how I made the final, fully customizable version further below!

change of plans

Steps taken

  1. Signed up to UMAP and created a new map
  2. Customized the map, centered it on Rotterdam
  3. Created a csv file on cerealbox, where the data would go
  4. Linked the csv file to the UMAP
  5. Created HTML page on the cerealbox and embeded the map

Result

Next Steps:

As I stated above, I had to scrap the whole progress, as my expectations for the project had started getting higher.

New, hotter Version

Screenshot 2024-11-10 214036.png

Data

find uploaded data here!

Resources

https://cdnjs.com/ for libraries

http://alexurquhart.github.io/free-tiles/ for tiles

OpenStreetMap

leafletjs