Cloudbox

Yet another sound map template. A self-contained HTML file. Built with SoundCloud + Mapbox.

Download cloudbox.html

To create a Cloudbox sound map, just download cloudbox.html (right click and choose Save Link As) and then modify the HTML. To make more substantial changes to how the map looks and behaves, you should download the whole repository and start from cloudbox-dev.html instead.

Adjust the map HTML

Options:

• data-location - map center point (latitude, longitude)
• data-zoom - starting zoom level
• data-style - Mapbox style ID

<div id="map"
	data-location="40.7127837,-74.0059413"
	data-zoom="12"
	data-style="examples.map-i86nkdio">
</div>

Add marker links

Options:

• data-location - marker location (latitude, longitude)
• data-description - optional text
• data-symbol - Maki marker symbol
• data-color - hex color of marker
• data-size - set to large, medium, or small

<a href="https://soundcloud.com/spenczar/canal-mulberry"
	data-location="40.71703,-73.998649"
	data-description="Recorded in Chinatown using Coresound binaural omnidirectional microphones. Feb 23, 2006."
	data-symbol="bus"
	data-color="#271B1D"
	data-size="large"
	class="marker">Canal &amp; Mulberry</a>