Mapping Party with Mapbox
Maps has become a crucial part of our applications today, be it weather forecasting, epidemiology, mining, urban planning or studying killing patterns of criminals. But how did we start working with maps? How did we combine data analysis with Maps? What are it's potential? We will have a glimpse at past, present and future of maps.
With the up-rise of open-source technologies, Google Maps is not the only option now. Mapbox is a developer focused mapping platform. It powers thousands of applications and websites, with customizable and scalable maps, analysis and data. It enables any developer to become a cartographer instantaneously. Consider Mapbox as wikipedia for maps. We will look into into how maps and Mapbox works, what is Open Street Map (an open-source database to store geolocation data), Mapbox APIs, Mapbox Studio (a tool to create your personalized styled maps) and some supporting libraries like TurfJS (Spatial Analysis) and Directions API.
Outline/Structure of the Workshop
- What is Mapbox?
- Why do we need to work with maps?
- Pre-requisites
- Open Street Map / OSM
- Build maps in OSM
- How Mapbox works?
- Extracting Data
- Mapbox JS API
- Turf JS API
- Some more examples from Mapbox applications
- Resources
Learning Outcome
I want to show people how to think about maps and how to work around it. I want to demo how easy it is get started. I hope that people get interested into maps after this session and inspire them to build their own projects.
Target Audience
Beginners and professionals who are interested in working with maps. Developers who have fundamental knowledge of HTML, CSS and JS
Links
I am working on creating a screencast on Mapbox, which I will start recording this week. Meanwhile, I have already created about 25 demos which you can find it here - https://github.com/anmolonruby/Mapbox
Here is an example - http://anmolonruby.github.io/Mapbox/mapbox-turf-1.html
Here, I plotted all the hospitals and libraries in Bangalore. I took a simple use case that, suppose a library gets into emergency, we want the nearest hospital to get notified. We click on a library and nearest hospital gets enlarged. This is happening through Spatial Analysis.
schedule Submitted 5 years ago
People who liked this proposal, also liked:
-
keyboard_arrow_down
Myles Borins - Live coding a musical instrument with the web-midi + web-audio api's
Myles BorinsHead of Labs, Open Source, and Developer AdvocacyFamous Industriesschedule 5 years ago
45 Mins
Case Study
Intermediate
Imagine a world where you can plug a digital controller into a computer, open a a browser, and start controlling a sophisticated algorithmically generated music environment with the touch of a button. With the web-midi api landing in chrome 43 this type of experience will soon be possible to everyone running a modern computer. This session will explore building a midi-controllable generative synthesizer LIVE using the web-midi api for controlling user input, and the web-audio api for synthesis.
The talk will explore the history of the Midi protocol, and follow the path to where it finally is being supported in browsers. It will introduce some basic music theory, what is a key, what is an octave, as well as some basic composition theory. It will introduce digital signal processing, the concept of a unit generator, how the web-audio api works, and how you can use it to build a basic synthesizer. This will all be presented in the form of a live coding session, building a working instrument from first principals (and a couple modules).
At the end of the session we will have a working instrument that can be used to make some music that we can all groove to!