Geospatial Mobile Apps Using an Open Source Toolkit

1. Geospatial Mobile Apps
Using an
Open Source Toolkit
Steve Gifford
mousebird consulting inc

2. Overview
Introduction
WhirlyGlobe-Maply Toolkit
Geospatial on the web
Geospatial with native tools for mobile
App examples

3. WhirlyGlobe-Maply
An open source, mobile first
geospatial display toolkit.
Apache 2.0 License
OpenGL ES 3.0
Fast: 60, 30fps
Vectors, base maps,
labels, shapes and more
iOS
Android

4. WhirlyGlobe-Maply Timeline
Date Version Major Features
Feb 2011 0.0 --
Jun 2011 1.0 Single Res Globe, Vectors, Labels
Aug 2011 1.1 Selection, Binary Distro
Jan 2012 1.2 Markers, Lofted Polys
Sep 2012 2.0
Overlays, Vector Styles, Multi Res Globe
2D Labels and Markers, Maply
Apr 2013 2.1
Shapes, Text Layout
OpenGL ES 2.0, Component Distro
Oct 2013 2.2
Performance, Shaders, Elevation
Maply Features
Mar 2014 2.3
Animation, Tiled Vector Maps, 2D Map Features,
Android
Oct 2015 2.4
Atmosphere, Night/Day shading, Particles, Stars Sun & Moon,
Cesium Elevation, 3D models, Shader Motion

5. Users
Weather
Maps
Aerospace
Education

6. Dark Sky: Weather

7. Gaia GPS: Mapping

8. World Atlas: Education

9. FlyQ EFB: Aviation

10. Simple Geospatial Apps
Bike Share
NASA Browser
Tremor Tracker

11. Web Tools for Geospatial
Torque
Mapbox GL

12. Web Geospatial for Mobile
You can, but keep it simple
Not as interactive
Not very well integrated
Example
Google Maps for Web (vs)
Google Maps App

13. Native Dev for Mobile
Pros
Apps more interactive
Better integrated into system
Cons
Development tools unfamiliar
One version of app per platform

14. Android Dev Tools
Eclipse
Android Studio
Free
Eclipse Android Studio

15. iOS Dev Tools
Xcode

16. iOS Tutorials
Apple’s Own Tutorials
developer.apple.com
Apple’s Xcode Templates
Ray Wenderlich’s site
www.raywenderlich.com/tutorials
Many others (search: ‘iOS tutorial’)

17. WhirlyGlobe-Maply Tutorials

18. App Examples
Data Source
Basemap or reference data
iOS Tutorial and/or Template
User Interface Elements
WhirlyGlobe-Maply Tutorial(s)

19. Tremor Tracker: Demo

20. Data Source

21. Basemap

22. iOS Tutorial: SeismicXML
developer.apple.com/library/ios/samplecode/SeismicXML

23. iOS UI Components
Segment Control Buttons
Images & Labels
WhirlyGlobe View Controller

24. WhirlyGlobe-Maply Tutorials

25. Bike Share: Demo

26. Data Source
{
"id":13,
"stationName":"Wilton Ave & Diversey Pkwy",
"availableDocks":7,
"totalDocks":19,
"latitude":41.93250008,
"longitude":-87.65268082,
"statusValue":"In Service",
"statusKey":1,
"availableBikes":12,
"stAddress1":"Wilton Ave & Diversey Pkwy",
"stAddress2":"",
"city":"Chicago",
"postalCode":"",
"location":"2790 N.Wilton Ave",
"altitude":"",
"testStation":false,
"lastCommunicationTime":null,
"landMark":"066"
},
www.divvybikes.com/stations/json
Chicago
bike
share
JSON

27. Basemap

28. iOS Tutorial
www.appcoda.com/fetch-parse-json-ios-programming-tutorial/

29. iOS UI Components
Labels
Maply View Controller

30. WhirlyGlobe-Maply Tutorials

31. NASA GIBS

32. NASA WorldView

33. NASA Data Display: Demo

34. GetCapabilities XML
ResourceURL
Title

35. iOS UI Components
Label
WhirlyGlobe View Controller
Table View

36. UITableView
Search for: UITableView

37. WhirlyGlobe-Maply Tutorials

38. Summary
Introduced WhirlyGlobe-Maply
Discussed Geospatial on web vs native
Overview of Native Dev Tools, mostly iOS
App Breakdowns
Tremor Tracker
Bike Share Availability
NASA Data Browser

39. Links & Contacts
Contact
sjg@mousebirdconsulting.com
@mousebirdc
mousebirdconsulting.com
Slides www.slideshare.net/mousebird/eclipsecon-2015
WhirlyGlobe-Maply mousebird.github.io/WhirlyGlobe