Mapbox acts as a host for shape files, geojson, etc. The next step was to upload a shapefile of the accident points from 2013, obtained from the City of Ottawa open data portal, to Mapbox. I also gave the labels a larger white halo to allow them to stand out and hid those I didn’t think would be very useful. Keeping in mind those important cartographic principles, I chose to change all the major components on this map into shades of navy blue. The first step in the map construction thankfully involved only graphical tweaking of the openstreetmap basemap that Mapbox provides as an editable style. However, I do have some javascript experience and since mapbox methods are built on node.js this proved invaluable. I will admit quite frankly that I know absolutely nothing about html and CSS, both essential components in website design. With this in mind I began the construction of my website (and more tutorials on Mapbox methods than I care to remember)… Webmap Construction However, because of how Mapbox methods and functions work (more on this later) I chose to use a slider to run through the numbers of accidents by intersection from a particular year. My initial idea was to use time series data with a slider to visualize bike accidents in my home city (Ottawa) over a number of years. Once you’ve edited this basemap to your satisfaction you can export the map as a url and link it directly into an html document. It does this by providing a studio interface (GUI) where a user can customise a basemap by importing shape files, geojson files, image files, etc. Mapbox is a platform specifically for web or application maps that gives the user an incredible degree of control over the appearance of all aspects of a map. I looked through several different technologies and eventually decided on Mapbox as a result of William Davis’ site and the vast array of cool interactive projects using it as their platform. Initial ConceptĮarly on, when thinking about the project, I decided I wanted to choose a technology I had little to no exposure to and really dive deep into how it worked and what it was capable of. Geovis Project Assignment SA8905, Fall 2021ĭata referenced contains information licensed under the Open Government Licence – City of Ottawa.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |