Cutting Edge Maps

Animating 100s of map objects, dynamic map styling, a brief dive into Android's graphics architecture, and other Trafi adventures with mobile maps.

Integrating maps in your Android app is as easy as `New > Google > Google Maps Activity`. Gestures, markers, tooltips and more come out of the box. But what are your options when the box gets a little bit tight?

Pushing maps APIs to the limit, I explore various ways to do custom graphics on maps and share my experience with an attempted migration from Google Maps to Mapbox at Trafi.

Presented at Vilnius Android Developers Meetup.
https://www.meetup.com/Vilnius-Android-Developers-Meetup/events/235485389/

Transcript

1. Cutting Edge Maps
2. 1K+
4. Maps for mobile
8. MapView MapFragment ..
9. MapView MapFragment .. mapView.getMapAsync((map) -> { })
10. map.animateCamera( CameraUpdateFactory .newLatLngZoom(54.7,25.3,15.5) ); Google Maps, Mapbox
11. map.setCenter( new GeoCoordinate(54.7,25.3), Map.Animation.LINEAR ); HERE Maps
12. Custom rendering with Mapbox a case study
16. Tableau
17. The Weather Channel
19. OpenGL Adoption
21. void init(); void render( const RenderParameters& params ); void deinit();
22. struct RenderParameters { double width; double height; double lat; double lng; double zoom; double scale; double bearing; double pitch; };
31. Custom rendering with Google Maps an investigation
34. GLSurfaceView SurfaceView TextureView
35. glsv = (GLSurfaceView) findViewById(..); glsv.setEGLContextClientVersion(2); glsv.setZOrderOnTop(true); glsv.setEGLConfigChooser(8, 8, 8, 8, 16, 0); glsv.getHolder() .setFormat(PixelFormat.TRANSLUCENT);
36. glsv.setRenderer( new GLSurfaceView.Renderer() { // .. } );
37. // GLSurfaceView.Renderer void onSurfaceCreated(GL10 gl, EGLConfig c) { init(); } void onDrawFrame(GL10 gl) { GLES20.glClearColor(0, 0, 0, 0); GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT); render(/* enter params here */); }
43. SurfaceFlinger
44. SurfaceFlinger
45. SurfaceFlinger
55. What’s your data?
56. Who’s your audience?
57. Do you need it?
58. 200+
61. Thank you! Questions?