Intro to Android maps for Maptime SF http://www.meetup.com/Maptime-SF/events/218159582/ Raster maps with osmdroid https://github.com/ecgreb/osmdroid-demo Vector maps with OpenScienceMap https://github.com/ecgreb/opensciencemap-demo

1. What’s the deal with Android maps?
11.19.2014 | Chuck Greb | @ecgreb

2. Mapzen is an open source mapping lab building
and supporting open data and software to
promote a healthy mapping ecosystem.

3. start where you are

8. Cross-platform frameworks
Issues
⇢ Look & feel
⇢ Performance
⇢ System level integration
⇢ Inter-app communication
Just make a mobile web app!

9. Android Development 101
(for mappers)

10. Android Development 101
Anatomy of an application
⇢ AndroidManifest
⬝ Package name
⬝ Components
⬝ Permissions
⬝ Minimum SDK
⇢ Activities
⇢ Fragments
⇢ Views
⇢ Resources

12. Android Development 101
Development Environment
Google (2008) Community Google (2014)
Build System Ant Maven Gradle
IDE Eclipse IntelliJ IDEA Android Studio
Testing Android Testing
Framework
Robolectric Espresso
Emulator Android Virtual
Device (ARM)
Genymotion Android Virtual
Device (x86)

13. Android Development 101
Gradle
⇢ Groovy (DSL)
⇢ Build, test, and publish apps
⇢ Manage distributed dependencies

14. Android Development 101
Android Studio
⇢ Based on IntelliJ IDEA
⇢ Rich layout editor
⇢ Tight integration with Android SDK and Gradle

16. Open Source Map Tools for Android

17. Open Source Map Tools
Rendering
⇢ osmdroid
⇢ Mapbox
⇢ OpenScienceMap

18. Open Source Map Tools
Geolocation, search & routing
⇢ LOST
⇢ Pelias
⇢ On the Road

19. osmdroid
raster tiles

20. 2008
osmdroid

21. Based on Google Maps API v1
osmdroid

22. osmdroid
Support for online and offline tile sources

23. Icons, tracking, and shapes
osmdroid

24. osmdroid
<org.osmdroid.views.MapView
android:id="@+id/map_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
tilesource="Mapnik" />

25. osmdroid
MapView mapView = new MapView(this, 256);
this.setContentView(mapView);
OnlineTileSourceBase mapnikTileSource = new XYTileSource("Mapnik",
ResourceProxy.string.mapnik, 0, 18, 256, ".png", new String[] {
"http://a.tile.openstreetmap.org/",
"http://b.tile.openstreetmap.org/",
"http://c.tile.openstreetmap.org/" });
mapView.setTileSource(mapnikTileSource);

27. Mapbox
raster tiles (vector coming soon?)

28. Fork of osmdroid
Mapbox

29. Mapbox
Easy integration with Mapbox tile server

30. Mapbox
<com.mapbox.mapboxsdk.views.MapView
android:id="@+id/map_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
mapbox:mapid="Your Mapbox mapid" />

31. Mapbox
MapView mapView = new MapView(this, "Your Mapbox mapid");
this.setContentView(mapView);

33. OpenScienceMap
vector tiles

34. OpenScienceMap
Universität Bremen

35. OpenScienceMap
“OpenScienceMap provides free and open maps for Android
with the fastest and 100% pure vector maps around.”

36. OpenScienceMap
<org.oscim.android.MapView
android:id="@+id/map_view"
android:layout_width="match_parent"
android:layout_height="match_parent" />

37. OpenScienceMap
public class MyActivity extends MapActivity {
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
...
}
public Map getMap() {
return super.map();
}
}

38. OpenScienceMap
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
UrlTileSource tileSource = new OSciMap4TileSource("http://vector.example.com/all");
VectorTileLayer baseLayer = map().setBaseMap(tileSource);
map().layers().add(new BuildingLayer(map(), baseLayer));
map().layers().add(new PoiLayer(map(), baseLayer));
map().layers().add(new LabelLayer(map(), baseLayer));
baseLayer.setRenderTheme(ThemeLoader.load(
AssetAdapter.g.openFileAsStream("styles/map.xml)")));
}

40. Location Open Source Tracker (LOST)
location services

41. Drop-in replacement for LocationClient
(Google Play Services)
LOST

44. talks directly to LocationManager
(AOSP)
LOST

45. LOST
Location Providers
⇢ GPS
⇢ Wi-Fi
⇢ Cell network
⇢ Passive

46. Fused Location Provider
LOST

47. LOST
Optimizations
⇢ Frequency
⇢ Accuracy
⇢ Battery life

48. LOST
Debugging features
⇢ Mock locations
⇢ Replay GPX trace file

49. LOST
LocationClient locationClient = new LocationClient(context,
new LocationClient.ConnectionCallbacks() {
@Override public void onConnected(Bundle bundle) {
onLocationClientConnected();
}
@Override public void onDisconnected() {
onLocationClientDisconnected();
}
});

50. LOST
private void onLocationClientConnected() {
Location lastLocation = locationClient.getLastLocation();
if (lastLocation != null) {
// do stuff
}
LocationRequest locationRequest = LocationRequest.create();
locationRequest.setInterval(5000);
locationClient.requestLocationUpdates(locationRequest,
new LocationListener() {
@Override public void onLocationChanged(Location location) {
// do more stuff
}
});
}

51. Pelias
modular open source geocoder

52. Pelias
distributed full-text geographic search engine

53. Pelias

54. Pelias
Datasources
⇢ OSM
⇢ Geonames
⇢ Quattroshapes

55. Pelias Android SDK
Pelias

56. Pelias
Pelias.getPelias().suggest("Empire State", Callback<Result>);
Pelias.getPelias().search("Empire State Building", "x1,y1,x2,y2", Callback<Result>);

57. Pelias
{ "type": "FeatureCollection",
"features": [{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ -73.98597, 40.74871 ]},
"properties": {
"text": "Empire State Building, New York County, New York",
"score": 1,
"type": "geoname",
"id": "5116597"
}
}, ...
}

58. On the Road
routing and navigation

59. On the Road

60. On the Road
Features
⇢ Navigation
⇢ Snap to route
⇢ Calculate distances
⇢ Reroute

61. On the Road
Router.getRouter().setEndpoint("http://osrm.example.com")
.setDriving()
.setLocation(new double[]{lat, lng})
.setLocation(new double[]{lat, lng})
.setCallback(new Callback() {
@Override
public void success(Route route) {
// do stuff
}
@Override
public void failure(int statusCode) {
// do stuff
}
}).fetch();

63. Open by Mapzen
OpenScienceMap Pelias
VTM Android SDK On the Road LOST
Speakerbox
Location TTS
Pelias OSRM Manager Vector Tile
Service OpenGL ES

67. start where you are

68. Exercise #1
Hello Android!

69. Exercise #2
Raster maps with osmdroid

70. Exercise #3
Vector maps with OpenScienceMap

71. thanks
11.19.2014 | Chuck Greb | @ecgreb
github.com/mapzen
github.com/pelias
github.com/ecgreb