Proof of concept for offline mobile mapping with PhoneGap, Leaflet, and MapBox
CSS JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css removed modal, it was funky May 13, 2014
img initial commit Apr 16, 2014
js putting the finishing touches on, cutting out excess May 23, 2014
res initial commit Apr 16, 2014
.project Made an eclipse project, added bootstrap, and testing relative file b… May 8, 2014
README.md putting the finishing touches on, cutting out excess May 23, 2014
config.xml putting the finishing touches on, cutting out excess May 23, 2014
icon.png initial commit Apr 16, 2014
index.html

README.md

Offline Mapping for Phonegap Build

The core web files for building an app that reads a local mbTiles database to display maps, which are compiled and packaged by Phonegap Build

Requirements

Having the Android SDK is also necessary for using phone emulators, installing the app, and viewing the log.

Demo

Go to the app's page on Phonegap Build and download the .apk (Windows Phone and iPhone apps are not yet supported, more on that below). Either start an emulator or plug-in your Android device and wait for it to be finished with start up processes. Then type

adb install /path/to/OfflineMapping-debug.apk

After installation, open the app and click "Download" to get the map database. Once it is finished download, click "Display" to view a map of Yale's campus.

If you have any difficuties, email me at miller.james01@gmail.com with a description of the error, and I'll try to figure out what's going on.

Next Steps

Developing an iOS version should be the next step, and it shouldn't be all that difficult. All it requires is checking the system the app is running on, with the Cordova API, and then set the source and target file for transferring the database file to a place easily accessibly by the SQLite plugin.

Because this is a proof-of-concept, I'm not sure how many units there are that are easily testable, especially because of the brevity of the code. Nevertheless, dependably building a test to make sure file placement is handled correctly depending on the phone and platform should be a good gaol for the future