by Sajjad Anwar (@geohacker) on Friday, 6 March 2015

+3
Vote on this proposal
Status: Confirmed & Scheduled
View session in schedule
Section
Performance – crisp talk

Technical level
Beginner

Objective

The idea is to introduce few challenges in serving maps on the mobile web through Mapbox’s open source infrastructure. Embracing web standards and understanding device resources are key aspects. We will discuss how technologies like WebGL and vector tiles along with data formats like GeoJSON are setting the baseline for beatiful maps on mobile.

Description

Maps have continously become the center stage for mobile web apps. They have gone from something that developers plug in at the last minute to a fully interactive element that governs the overall aesthetics of the application. We will talk about how this is important and how open source tools help add value and functionality to the maps. We will understand how maps are rendered in a browser in a mobile environment, and explore some of the recent improvements that push the limits of web technologies.

Outline

  • Why maps matter and how they are the focal point of applications.
  • Mapbox’s open source tool infrastructure, web standards and compatibility.
  • Performance considerations.
  • WebGL, vectors and how they compare to raster rendering techniques.
  • Why some of these challenges are nudging us to go native.

Requirements

Not much really. If you have built an interactive map into your application, that’s great. If you understand how maps work on the web, that’s even better.

Speaker bio

Sajjad Anwar is a developer at Mapbox where he focuses on buidling data processing and productivity tools. He has been working closely with OpenStreetMap data and technology for over 6 years. As a strong advocate of open data, he is actively involved in its movement in India with initiatives like DataMeet and GeoBLR.

Comments

  • 1
    [-] Kiran Jonnalagadda (@jace) 2 years ago

    Sajjad, can you elaborate on how WebGL and vector tiles work? The examples in your links don’t seem to work on mobile.

  • 1
    [-] Sajjad Anwar (@geohacker) 2 years ago

    Hey Kiran. I’d be interested to know which example doesn’t work on the phone and the platform. As opposed to raster image tiles, vector tiles consist of several layers of data cut into a grid structure. These vectors are rendered in the browser based on JSON styles using WebGL, taking full advantage of the GPU. Volume wise you are looking at about 25% less data that is coming to the client side. Performance wise, taking a considerable region on the map offline takes about 20 seconds as opposed to 20-30 minutes with raster data.

Login with Twitter or Google to leave a comment