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

From XPUB & Lens-Based wiki
No edit summary
No edit summary
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]]
 
==Initial Version==
====Initial Steps taken====
===Initial 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
Line 8: Line 8:
# 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
====Version 1====
===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 18: Line 18:
and then moved on to [https://leafletjs.com leafletjs.com]
and then moved on to [https://leafletjs.com leafletjs.com]


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




==Data==
[[User:Eleni/Special Issue 25/Soundmap/Data|find uploaded data here!]]


==Resources==
[https://cdnjs.com/ https://cdnjs.com/] for libraries


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


[https://www.openstreetmap.org/#map=7/52.154/5.295 OpenStreetMap]


 
[https://leafletjs.com/ leafletjs]
 
 
==== Final Version: ====
Important notes from Manetta: always link the jQuery in the meta of the html.
 
===Data===
[[User:Eleni/Special Issue 25/Soundmap/Data|find uploaded data here!]]

Revision as of 19:25, 16 November 2024

change of plans

Initial Version

Initial 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:

Scrapped the whole thing, unfortunately. I started from scratch, following this documentation: OpenLayers Simple Example
and then moved on to leafletjs.com

Version 2

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