SlideShare a Scribd company logo
Build with Live Location Data
Mapbox, a google map alternative
Zahra Sadeghi
Android Developer at Weriz
Intro
Every map has two parts:
- Database that holds the data
- Display method
Vector
- Lines
- Points
- Polygons
Formats: SHP: Shapefile, SDC: Smart Data Compression, GDB: Geodatabase, ArcInfo Coverage, E00: Arc Export or Interchange Format
Raster
- Thematic data - Spectral data - Pictures (imagery)
Formats: ArcInfo Grid, Band Interleaved by Line (BIL), Band Interleaved by Pixel (BIP), and Band Sequential (BSQ), DEM (Digital Elevation
Model), GeoTIFF, LiDAR
What is OSM?
OSM (Open Street Map)
OSM is like Wikipedia for maps and, like Wikipedia, it’s proven to be
surprisingly reliable
- Originally created in the UK by Steve Coast
- Open source
- User contributed
OSM is not an app
OpenStreetMap is really more of a database than a user-friendly, all-in-one map
tool.
Maps.me and Mapquest are user-friendly versions of OSM.
Tools like MapBox, exist for the purpose of taking the relatively unpolished
OSM data and formatting it for different needs.
How to use osm
data?
- All the data in OSM is more than 30
GB even when it’s compressed.
- Extracting and exporting data
- Data is in .osm format.
- Can be edited in JOSM
many geographic data formats are designed for quick
access and querying.
OSM data, on the other hand is designed to be easily sent
and received across the internet in a standard format.
Where OpenStreetMap is used
- Regular users can use the main website for finding landmarks, navigating,
and all the rest
- FourSquare, Pokemon Go, a plethora of biking and hiking apps, and even
Apple Maps are the biggest users of OSM data.
- OSM has played an important role in disaster-struck regions, specially after
The Humanitarian OpenStreetMap Team, or HOT, started contributing.
How Google Collects Data?
How Google Collects Data?
- Map Content Partner
- Street view
- Satellites
- Location services
- Google Maps makers
How Google Collects Data?
- Map Content Partner
- Street view
- Satellites
- Location services
- Google Maps makers
How Google Collects Data?
- Map Content Partner
- Street view
- Satellites
- Location services
- Google Maps makers
How Google Collects Data?
- Map Content Partner
- Street view
- Satellites
- Location services
- Google Maps makers
How Google Collects Data?
- Maps partners
- Street view
- Satellites
- Location services
- Google Maps makers
● Local Guides
● Contributions
How Google Collects Data?
- Real Time Traffic Updates
- Collect data from traffic sensors
- Crowd-sourcing
What a Map Service Can Provide?
What a Map Services Provide?
- Map view rendering using OpenGL
- Geocoding and Reverse Geocoding
- Routing
- Points Of Interests
- Map matching
What a Map Services Provide?
Map view rendering using OpenGL
- Geocoding and Reverse Geocoding
- Routing
- Points Of Interests
- Map matching
What a Map Services Provide?
- Map view rendering using OpenGL
Geocoding and Reverse Geocoding
- Routing
- Points Of Interests
- Map matching
What a Map Services Provide?
- Map view rendering using OpenGL
- Geocoding and Reverse Geocoding
Routing
- Points Of Interests
- Map matching
● Cars, bike, walk
● Public transportation
● Live Traffic data
What a Map Services Provide?
- Map view rendering using OpenGL
- Geocoding and Reverse Geocoding
- Routing
Points Of Interests
- Map matching
What a Map Services Provide?
- Map view rendering using OpenGL
- Geocoding and Reverse Geocoding
- Routing
- Points Of Interests
Map matching
Are There Other Providers?
Are There Other
Providers?
We compare other providers in the
following factors
- Services ( geocoding and reverse geocoding, routing, poi, … )
- Platforms
- Pricing
- Community
- Style Customization
Services
Geocoding and Reverse Geocoding Navigation(routing) POI Mapmatching
Mapbox ✓ ✓ ✓ ✓
Mapsforge ✘ ✓ (with external tools) ✓ (with external tools) ✘
Osmdroid
Mapzen(tangram) ✓ (valhala) ✓ (with external tools) ✓ (with external tools) ✓ (with external tools)
Cartodp
Cedar ✓ ✓ (no live traffic data)
Map.ir ✓ ✓ (no live traffic data) ✘
Neshan ✓ ✓ (with live traffic data) ✓ ✓
android sdk just for rendring, provides no other services
android sdk just for rendring, provides no other services
Platforms
Web Android iOS Other
Mapbox ✓ ✓ ✓ Unity, React Native, Qt
Mapsforge ✘ ✓ ✘ Windows, macOS, and Linux
Osmdroid ✓ ✘ ✘ ✘
Mapzen(tangram) ✓ ✓ ✓ Mac OS X, Ubuntu Linux, Raspberry P
Cartodp ✘ ✓ ✓ Windows phone
Cedar ✓ ✓ ✓ ✘
Map.ir ✓ ✓ ✓ ✘
Neshan ✓ ✓ ✓ ✘
Pricing
Price
Mapbox for mobile sdk: free Up to 25,000 Monthly active users
Mapsforge free
Osmdroid free
Mapzen(tangram) free
Cartodp free
Cedar free upto: 2,000API Call / Day - 100GBBandwidth / Month - 10,000Map Load / Day
Map.ir free up to: 10,000 request / day
Neshan free up to 500,000 request / mo
Community
Community ( github stars )
Mapbox 3,441
Mapsforge 722
Osmdroid 1,688
Mapzen(tangram) 1,430
Cartodp 2195
Cedar -
Map.ir -
Neshan -
Style Customization
Style
Mapbox Mapbox pre designed styles plus styles creating with json or Mapbox style
Mapsforge XML-based rendertheme
Osmdroid no wiki
Mapzen(tangram) Scene file as a YAML
Cartodp json file combined with CartoCSS
Cedar predesigned style
Map.ir predesigned style
Neshan 3 diiferent neshan styles
How About MapBox?
Mapbox
- Creator of, or a significant contributor to, some open source mapping libraries and
applications, like Mapbox GL-JS and Leaflet library, and also and the CartoCSS map styling
language and parser
- The data are taken from open data sources, such as OpenStreetMap, NASA and other
- main contributor to the Mapnik renderer project
Mapbox is all about
Customization.
Why Mapbox?
Mapbox is all about customization. From data to visualization
- Manage and create datasets, tilesets, and map styles using Mapbox studio web application
- Works with standardized data flow for large organized projects
- Design every layer to match your product
Why Mapbox?
- Very fast loading due to custom tile generation
- Documentation is quite extensive
- Show layers in both vector and raster format at the same time.
- Mapbox AR to physical world. Show every thing from poi and live
location data to game objects.
What Mapbox Provides That Others Don’t?
- Not only you can show map in map fragment but also you can add
Mapbox map to a dynamically added layout.
- Add your own layer to the map. Every where you want in any format in
your design. Both programmatically and in style.json file
- Customize design of everything even in real time.
Mapbox Weaknesses
- Too complex for simple projects or maps
- Steep learning curve
- Adds about 7Mb to the APK size
- Not much geocoding and reverse geocoding data from Iran
Build with Mapbox
&
Make It Your Own
Thanks!
Zahra Sadeghi
Sdg.Zahra@gmail.com
@SdgZahra

More Related Content

Build with live location data

  • 1. Build with Live Location Data Mapbox, a google map alternative
  • 3. Intro Every map has two parts: - Database that holds the data - Display method
  • 4. Vector - Lines - Points - Polygons Formats: SHP: Shapefile, SDC: Smart Data Compression, GDB: Geodatabase, ArcInfo Coverage, E00: Arc Export or Interchange Format
  • 5. Raster - Thematic data - Spectral data - Pictures (imagery) Formats: ArcInfo Grid, Band Interleaved by Line (BIL), Band Interleaved by Pixel (BIP), and Band Sequential (BSQ), DEM (Digital Elevation Model), GeoTIFF, LiDAR
  • 7. OSM (Open Street Map) OSM is like Wikipedia for maps and, like Wikipedia, it’s proven to be surprisingly reliable - Originally created in the UK by Steve Coast - Open source - User contributed
  • 8. OSM is not an app OpenStreetMap is really more of a database than a user-friendly, all-in-one map tool. Maps.me and Mapquest are user-friendly versions of OSM. Tools like MapBox, exist for the purpose of taking the relatively unpolished OSM data and formatting it for different needs.
  • 9. How to use osm data? - All the data in OSM is more than 30 GB even when it’s compressed. - Extracting and exporting data - Data is in .osm format. - Can be edited in JOSM many geographic data formats are designed for quick access and querying. OSM data, on the other hand is designed to be easily sent and received across the internet in a standard format.
  • 10. Where OpenStreetMap is used - Regular users can use the main website for finding landmarks, navigating, and all the rest - FourSquare, Pokemon Go, a plethora of biking and hiking apps, and even Apple Maps are the biggest users of OSM data. - OSM has played an important role in disaster-struck regions, specially after The Humanitarian OpenStreetMap Team, or HOT, started contributing.
  • 12. How Google Collects Data? - Map Content Partner - Street view - Satellites - Location services - Google Maps makers
  • 13. How Google Collects Data? - Map Content Partner - Street view - Satellites - Location services - Google Maps makers
  • 14. How Google Collects Data? - Map Content Partner - Street view - Satellites - Location services - Google Maps makers
  • 15. How Google Collects Data? - Map Content Partner - Street view - Satellites - Location services - Google Maps makers
  • 16. How Google Collects Data? - Maps partners - Street view - Satellites - Location services - Google Maps makers ● Local Guides ● Contributions
  • 17. How Google Collects Data? - Real Time Traffic Updates - Collect data from traffic sensors - Crowd-sourcing
  • 18. What a Map Service Can Provide?
  • 19. What a Map Services Provide? - Map view rendering using OpenGL - Geocoding and Reverse Geocoding - Routing - Points Of Interests - Map matching
  • 20. What a Map Services Provide? Map view rendering using OpenGL - Geocoding and Reverse Geocoding - Routing - Points Of Interests - Map matching
  • 21. What a Map Services Provide? - Map view rendering using OpenGL Geocoding and Reverse Geocoding - Routing - Points Of Interests - Map matching
  • 22. What a Map Services Provide? - Map view rendering using OpenGL - Geocoding and Reverse Geocoding Routing - Points Of Interests - Map matching ● Cars, bike, walk ● Public transportation ● Live Traffic data
  • 23. What a Map Services Provide? - Map view rendering using OpenGL - Geocoding and Reverse Geocoding - Routing Points Of Interests - Map matching
  • 24. What a Map Services Provide? - Map view rendering using OpenGL - Geocoding and Reverse Geocoding - Routing - Points Of Interests Map matching
  • 25. Are There Other Providers?
  • 26. Are There Other Providers? We compare other providers in the following factors - Services ( geocoding and reverse geocoding, routing, poi, … ) - Platforms - Pricing - Community - Style Customization
  • 27. Services Geocoding and Reverse Geocoding Navigation(routing) POI Mapmatching Mapbox ✓ ✓ ✓ ✓ Mapsforge ✘ ✓ (with external tools) ✓ (with external tools) ✘ Osmdroid Mapzen(tangram) ✓ (valhala) ✓ (with external tools) ✓ (with external tools) ✓ (with external tools) Cartodp Cedar ✓ ✓ (no live traffic data) Map.ir ✓ ✓ (no live traffic data) ✘ Neshan ✓ ✓ (with live traffic data) ✓ ✓ android sdk just for rendring, provides no other services android sdk just for rendring, provides no other services
  • 28. Platforms Web Android iOS Other Mapbox ✓ ✓ ✓ Unity, React Native, Qt Mapsforge ✘ ✓ ✘ Windows, macOS, and Linux Osmdroid ✓ ✘ ✘ ✘ Mapzen(tangram) ✓ ✓ ✓ Mac OS X, Ubuntu Linux, Raspberry P Cartodp ✘ ✓ ✓ Windows phone Cedar ✓ ✓ ✓ ✘ Map.ir ✓ ✓ ✓ ✘ Neshan ✓ ✓ ✓ ✘
  • 29. Pricing Price Mapbox for mobile sdk: free Up to 25,000 Monthly active users Mapsforge free Osmdroid free Mapzen(tangram) free Cartodp free Cedar free upto: 2,000API Call / Day - 100GBBandwidth / Month - 10,000Map Load / Day Map.ir free up to: 10,000 request / day Neshan free up to 500,000 request / mo
  • 30. Community Community ( github stars ) Mapbox 3,441 Mapsforge 722 Osmdroid 1,688 Mapzen(tangram) 1,430 Cartodp 2195 Cedar - Map.ir - Neshan -
  • 31. Style Customization Style Mapbox Mapbox pre designed styles plus styles creating with json or Mapbox style Mapsforge XML-based rendertheme Osmdroid no wiki Mapzen(tangram) Scene file as a YAML Cartodp json file combined with CartoCSS Cedar predesigned style Map.ir predesigned style Neshan 3 diiferent neshan styles
  • 33. Mapbox - Creator of, or a significant contributor to, some open source mapping libraries and applications, like Mapbox GL-JS and Leaflet library, and also and the CartoCSS map styling language and parser - The data are taken from open data sources, such as OpenStreetMap, NASA and other - main contributor to the Mapnik renderer project
  • 34. Mapbox is all about Customization.
  • 35. Why Mapbox? Mapbox is all about customization. From data to visualization - Manage and create datasets, tilesets, and map styles using Mapbox studio web application - Works with standardized data flow for large organized projects - Design every layer to match your product
  • 36. Why Mapbox? - Very fast loading due to custom tile generation - Documentation is quite extensive - Show layers in both vector and raster format at the same time. - Mapbox AR to physical world. Show every thing from poi and live location data to game objects.
  • 37. What Mapbox Provides That Others Don’t? - Not only you can show map in map fragment but also you can add Mapbox map to a dynamically added layout. - Add your own layer to the map. Every where you want in any format in your design. Both programmatically and in style.json file - Customize design of everything even in real time.
  • 38. Mapbox Weaknesses - Too complex for simple projects or maps - Steep learning curve - Adds about 7Mb to the APK size - Not much geocoding and reverse geocoding data from Iran