Development Environment
To get started, you'll need to check out the master branch of the mapping_workshop repository from GitHub. For those of you unfamiliar with git, you can just download a zip file of the repository by selecting the "Download Zip" option from the green "Clone or Download" button on the right hand side of the page. After it is downloaded, extract the contents and open the folder in your editor of choice.
The starter project has everything you need to get started mapping. To serve the web map page we are developing, you have two options: Nodes.js (NODES.JS is NOT approved software for us yet) and Python.
In the mapping_workship directory...
NodeJS |
Python |
|---|---|
Using command terminal, type:
npm installAfer the dependencies are installed, run npm start Then, open a browser to http://localhost:9000. The page is served by a tool called BrowserSync, which will synchronize any browsers looking at the page (useful for mobile device testing) as well as automatically reload the page when you make changes to the source files. The package: package.json contains the BrowserSync configuration file |
Type the command (python 2.7)
python -m SimpleHTTPServeror () python 3.x ) python -m http.serverThen, open a browser to http://localhost:8000 |
Once you can open a web browser and see the starter project, you'll be ready to move on to making maps! If you have problems, Google is your friend.