User:Eleni/Special Issue 25/Soundmap: Difference between revisions
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
[[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 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 | ||
| Line 9: | 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==== | ====Version 1==== | ||
<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 15: | Line 14: | ||
</gallery> | </gallery> | ||
====Next Steps:==== | |||
====Steps | |||
Scrapped the whole thing, unfortunately. I started from scratch, following this documentation: [https://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example OpenLayers Simple Example]<br> | Scrapped the whole thing, unfortunately. I started from scratch, following this documentation: [https://wiki.openstreetmap.org/wiki/OpenLayers_Simple_Example OpenLayers Simple Example]<br> | ||
and then moved on to [https://leafletjs.com leafletjs.com] | and then moved on to [https://leafletjs.com leafletjs.com] | ||
| Line 22: | Line 20: | ||
====Version==== | ====Version==== | ||
[[File:Screenshot 2024-11-10 214036.png|456x456px|left|frameless]] | [[File:Screenshot 2024-11-10 214036.png|456x456px|left|frameless]] | ||
==== Final Version: ==== | |||
Important notes from Manetta: always link the jQuery in the meta of the html. | |||
Revision as of 18:31, 12 November 2024
Initial 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
Version 1
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
Final Version:
Important notes from Manetta: always link the jQuery in the meta of the html.