What I’ve learned from building an app with OSM technologies
0 likes•619 views
The document discusses different options for key components needed to build a location-based app using open source technologies, including maps, search, routing/navigation, and ads providers. It compares platforms like Google Maps, OpenStreetMap, Mapbox, Mapzen, and others, considering factors like licensing, functionality, performance, and suitability for different platforms (Android, iOS, web). It aims to provide a good overview and reference for selecting technologies.
What I’ve learned from building an app with OSM technologies
- 1. 使用 OSM 科技打造 APP 的經驗分享 What I’ve learned from building an app with OSM technologies 使用 OSM 科技打造 APP 的經驗分享 What I’ve learned from building an app with OSM technologies Buganini Q [email protected] September 10, 2017
- 3. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 4. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 5. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 6. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 7. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 8. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 9. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 10. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 11. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 12. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 13. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 14. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 15. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 16. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 17. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 18. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 19. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 20. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 21. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 22. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 23. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 24. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads
- 25. Features ● Location sharing – On / Off – Forge location ● Map – Google Maps – OpenStreetMap ● Search – Google Places API – OpenStreetMap ● Messenger ● Marker ● Geofence ● Map layer ● Routing / Navigation ● Ads //TODO
- 26. Components related to map ● Map ● Search ● Routing / Navigation ● Ads Provider
- 27. Map ● Map ● Search ● Routing / Navigation ● Ads Provider ● Cross platform ● Android / iOS / Web ● Customizable marker / shape ● Icon / Color / Anchor / Rotation / Alpha / Z-Index ● Clustering ● Vector Map ● Clickable POI ● Continuous zoom level ● Rendering experience ● Rendering performance ● Pricing ● Offline ● Indoor / Multi-level ● Layer ● GeoJSON / GeoPDF / Image
- 28. Search ● Map ● Search ● Routing / Navigation ● Ads Provider ● License ● Proximity search ● i18n ● Autocomplete ● Results ● Address lookup ● Reverse geocoding ● LatLng to address ● Special keywords ● Hotel => amenity=hotel ● Vegetarian => diet:vegetarian=only|yes ● Pricing
- 29. Routing / Navigation ● Map ● Search ● Routing / Navigation ● Ads Provider ● License ● Performance ● Offline ● Transport Mode / Routing Profile ● Traffic awareness ● Public transit ● Turn restriction ● Waypoint / Via Point ● Isochrone
- 30. Ads Provider ● Map ● Search ● Routing / Navigation ● Ads Provider ● License ● Popularity ● Fee Let’s skip this today.
- 31. A Good Reference : Maps.me ● Opensource, Apache license – https://github.com/mapsme/omim ● Cross platform ● Offline vector map ● Routing / navigation – Works in offline mode – Car / Bike / Pedestrian / Taxi – Traffic-aware ● With unknown data source – https://github.com/mapsme/omim/issues/5122 ● Good rendering experience ● Great rendering performance ● Compact data size – Taiwan 56MB ● Map based ads ● Telemetry (unclear) ● Embedded SDK not available – https://github.com/mapsme/omim/issues/5516 ● No indoor maps for now – https://github.com/mapsme/omim/issues/3163
- 32. Another Reference: OsmAnd ● Opensource, GPL – https://github.com/osmandapp ● Cross platform ● Online / Offline vector map ● Routing / navigation – Works in offline mode ● Fair rendering experience – text flickering on zooming ● Great rendering performance ● (To be investigated)
- 33. Google Maps ● Map – Google Maps – Mapsforge – Mapbox – MapQuest – Jawg Maps – Mapzen ● Proprietary ● Support iOS / Android / Web ● Great performance ● Vector map ● Online only ● Indoor / Multi-level
- 34. Mapsforge ● Map – Google Maps – Mapsforge – Mapbox – MapQuest – Jawg Maps – Mapzen ● Written in Java ● No iOS/web support ● Available since 2008 ● Vector map ● Offline only ● Fair performance ● No host for production use
- 35. Mapbox ● Map – Google Maps – Mapsforge – Mapbox – MapQuest – Jawg Maps – Mapzen ● Support Android / iOS / Web ● Mapbox Telemetry ● Good performance ● Online + Cache ● Vector map ● Customizable style ● GeoJSON ● No circle shape ● Draw with polygon ● https://github.com/mapbox/mapbox-gl-native/issues/2167 ● No z-index ● Use layer instead ● https://github.com/mapbox/mapbox-gl-native/issues/1728 ● No anchor/alpha setting for marker
- 36. MapQuest ● Map – Google Maps – Mapsforge – Mapbox – MapQuest – Jawg Maps – Mapzen ● Later on, powered by Mapbox � ● More expensive than Mapbox �
- 37. Jawg Maps ● Map – Google Maps – Mapsforge – Mapbox – MapQuest – Jawg Maps – Mapzen ● No free tier for commercial use ● Commercial use starts from 99.99 €/month ● Vector map ● Indoor / Multi-level
- 38. Mapzen ● Map – Google Maps – Mapsforge – Mapbox – MapQuest – Jawg Maps – Mapzen ● Support Android / iOS / Web ● Vector map ● Online only, for now
- 39. Google Places API ● Search – Google Places API – Nominatim – Mapbox – MapQuest – Jawg Maps – Mapzen ● Everything is good but ● It’s only for Google Maps
- 40. Nominatim ● Search – Google Places API – Nominatim – Mapbox – MapQuest – Jawg Maps – Mapzen ● Official tool from OSM ● Generate synthetic addresses ● Special keywords <=> OSM tags mapping ● Reverse geocoding ● Address lookup ● Supplement from wikidata ● Not really suitable for direct use ● (Indirectly) Used by ● OpenStreetMap.org ● MapQuest ● Mapzen
- 41. Mapbox ● Search – Google Places API – Nominatim – Mapbox – MapQuest – Jawg Maps – Mapzen ● Multiple sources including OSM ● Poor i18n
- 42. MapQuest ● Search – Google Places API – Nominatim – Mapbox – MapQuest – Jawg Maps – Mapzen ● Seems no fulltext search ● Cound’t find Taipei 101 �
- 43. Jawg Maps ● Search – Google Places API – Nominatim – Mapbox – MapQuest – Jawg Maps – Mapzen ● Poor i18n
- 44. Mapzen ● Search – Google Places API – Nominatim – Mapbox – MapQuest – Jawg Maps – Mapzen ● Fair i18n ● IMO the best choice
- 45. Google Maps ● Routing / Navigation – Google Maps – GraphHopper – Valhalla – OSRM ● Traffic Data System – GTFS – OpenTraffic ● Only for Google Maps ● Online API ● Public transit ● Traffic aware
- 46. GraphHopper ● Routing / Navigation – Google Maps – GraphHopper – Valhalla – OSRM ● Traffic Data System – GTFS – OpenTraffic ● Used by ● Mapsforge (offline) ● GraphHopper (online API) ● Transport mode ● Versatile ● Traffic aware ● GTFS ● Multiple sources ● Public transit ● GTFS based ● No turn restriction support yet ● Waypoint ● Isochrone
- 47. Valhalla ● Routing / Navigation – Google Maps – GraphHopper – Valhalla – OSRM ● Traffic Data System – GTFS – OpenTraffic ● Sponsored by Mapzen ● Used by ● Mapzen (online API) ● Transport mode ● Versatile ● Traffic aware ● OpenTraffic ● Public transit ● Turn restriction ● Waypoint ● Isochrone
- 48. OSRM ● Routing / Navigation – Google Maps – GraphHopper – Valhalla – OSRM ● Traffic Data System – GTFS – OpenTraffic ● Open Source Routing Machine ● Used by ● Maps.me (offline) ● Jawg Maps (online API) ● Geofabrik (online API) ● Cross Platform ● Transport Mode ● Car / Bike / Foot ● Turn restriction ● Waypoint ● Traffic aware ● Isochrone
- 49. GTFS ● Routing / Navigation – Google Maps – GraphHopper – Valhalla – OSRM ● Traffic Data System – GTFS – OpenTraffic ● General Transit Feed Specification ● Is just a format ● No unified source/platform
- 50. OpenTraffic ● Routing / Navigation – Google Maps – GraphHopper – Valhalla – OSRM ● Traffic Data System – GTFS – OpenTraffic ● OSM based ● Consistent way id ● Global data platform ● A nonprofit organization ● Founding Members and Partners (OpenTripPlanner)