Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
© Copyright IBM Corporation 2015
Map-centric mobile apps with
Cloudant Geo and LeafletJS
Raj Singh
Developer Advocate
IBM ...
© Copyright IBM Corporation 2015
©2015 IBM Corporation
CDS
MISSION
To provide the best experience for developers
to engage...
© Copyright IBM Corporation 2015
Our DBaaS
© Copyright IBM Corporation 2015
Components of GIS (Cloudant Geo)
• Spatial Storage Format (GeoJSON)
• Spatial Index (R*-t...
© Copyright IBM Corporation 2015
Components of a great mobile mapping app
Global Basemap
API Query: all restaurants X mete...
© Copyright IBM Corporation 2015
Components of a great mobile mapping app
© Copyright IBM Corporation 2015
Basemap tiles
•...
© Copyright IBM Corporation 2015
Basemap tiles
© Copyright IBM Corporation 2015
Custom data
• Any DB with GeoJSON output
• Sources
– US Census
– Data.gov
– https://www.o...
© Copyright IBM Corporation 2015
Web client frameworks
• OpenLayers
http://openlayers.org/
• Leaflet.js / MapBox.js
http:/...
© Copyright IBM Corporation 2015
FieldWork: Configuring the app
© Copyright IBM Corporation 2015
FieldWork: live demo
https://rajsingh.cloudant.com/fieldwork/_design/fieldwork/index.html
© Copyright IBM Corporation 2015
https://developer.ibm.com/clouddataservices/author/rrsingh/
THANK YOU
© Copyright IBM Corporation 2015© Copyright IBM Corporation 2015
References
• Cloudant: http://www.cloudant.com
• GeoJSON:...
Upcoming SlideShare
Loading in …5
×

Field Work: Map-centric mobile apps with Cloudant Geo and LeafletJS

738 views

Published on

Managing geospatial data has long been owned by relational database technology, but with recent advances in spatial indexing support in NoSQL databases, building spatially-aware apps with non-relational technologies is fast, performant and scalable. In this session we introduce spatial functionality in Apache Lucene and IBM Cloudant. Cloudant Geo supports Lucene spatial search as well as a more advanced geospatial search and indexing capability using GeoJSON documents, which allows for more types of spatial objects along with spatio-temporal indexing and query. To illustrate the powerful capabilities of the geospatial platform, we'll demonstrate a sample application called Field Work. This is a pure Javascript/HTML5 mobile app for utilities maintenance people to do remote work -- using the GeoJSON format to update the spatial layout of infrastructure such as pipes or meters, and even creating work orders -- whether online or offline.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Field Work: Map-centric mobile apps with Cloudant Geo and LeafletJS

  1. 1. © Copyright IBM Corporation 2015 Map-centric mobile apps with Cloudant Geo and LeafletJS Raj Singh Developer Advocate IBM Cloud Data Services rrsingh@us.ibm.com twitter: @rajrsingh linkedin: www.linkedin.com/in/rajrsingh http://developer.ibm.com/clouddataservices/
  2. 2. © Copyright IBM Corporation 2015 ©2015 IBM Corporation CDS MISSION To provide the best experience for developers to engage and build with a comprehensive set of rich, integrated data services covering content, data and analytics.
  3. 3. © Copyright IBM Corporation 2015 Our DBaaS
  4. 4. © Copyright IBM Corporation 2015 Components of GIS (Cloudant Geo) • Spatial Storage Format (GeoJSON) • Spatial Index (R*-tree) • Spatial Query • Spatial Processing (none)
  5. 5. © Copyright IBM Corporation 2015 Components of a great mobile mapping app Global Basemap API Query: all restaurants X meters from Y that serve Z Web client framework Custom data: restaurants
  6. 6. © Copyright IBM Corporation 2015 Components of a great mobile mapping app © Copyright IBM Corporation 2015 Basemap tiles • Google, Bing • OpenStreetMap • Mapbox Web Clients • Leaflet, OpenLayers • Google, Esri, Custom data • Cloudant, Esri • PouchDB Query APIs • OGC standards • Cloudant, Google, etc. HTML5/ Javascript
  7. 7. © Copyright IBM Corporation 2015 Basemap tiles
  8. 8. © Copyright IBM Corporation 2015 Custom data • Any DB with GeoJSON output • Sources – US Census – Data.gov – https://www.ordnancesurvey.co.uk/business-and-government/products/os-openspace/ – http://www.un.org/earthwatch/data/geodata.html
  9. 9. © Copyright IBM Corporation 2015 Web client frameworks • OpenLayers http://openlayers.org/ • Leaflet.js / MapBox.js http://leafletjs.com/ https://www.mapbox.com/mapbox.js/api/v2.2.1/ • Esri ArcGIS API for JavaScript https://developers.arcgis.com/javascript/
  10. 10. © Copyright IBM Corporation 2015 FieldWork: Configuring the app
  11. 11. © Copyright IBM Corporation 2015 FieldWork: live demo https://rajsingh.cloudant.com/fieldwork/_design/fieldwork/index.html
  12. 12. © Copyright IBM Corporation 2015 https://developer.ibm.com/clouddataservices/author/rrsingh/ THANK YOU
  13. 13. © Copyright IBM Corporation 2015© Copyright IBM Corporation 2015 References • Cloudant: http://www.cloudant.com • GeoJSON: http://geojson.org • Leaflet: http://leafletjs.com • OpenLayers: http://openlayers.org • Mapbox: http://mapbox.com • Mapserver: http://mapserver.org • Geoserver: http://geoserver.org • Esri: http://www.esri.com • Turf: http://turfjs.org

×