2 Set Up

Before we do any coding, let’s set up our file and folder structure.

2.1 Download the Data

The data for the workshop is available to download from this box drive. You can download the file itself or click the download button in the upper right corner of the screen. (You may need to dismiss a message about logging in to see the button, but you do not need to log in to download the data.) Save the file to a folder on your computer that you can find. If the file you downloaded is a .zip file, unzip the file.

The data for this workshop is one javascript file called campus_food.js and a folder called img with 9 images.

2.2 Folders

Using your computer’s file browsing program, navigate to a folder you want to work in. In that folder, create a new folder to hold your files for this project, such as my_web_map. Inside that folder, create another folder called docs. The docs folder will hold the HTML and javascript files that will create our web map.

Your folder structure should now look like this:

my_web_map
|-- docs

2.3 Files

Move the file you downloaded for this workshop called campus_food.js and the folder called ‘img’ into the docs folder.

Open your preferred text editor application. Create a new, blank file. Save it inside your docs folder and call it index.html. This will be the homepage for our web site that will hold our web map.

Your folder and file structure should now look like this:

my_web_map
|-- docs
|   |-- img
|   |-- campus_food.js
|   |-- index.html