Loading the Google Maps API

You can load the Google Maps API via the Sencha Touch microloader framework by modifying your /path/to/app/app.json file as illustrated below on lines 14-17.

{
 "name": "FriendsWithBeer",
 "indexHtmlPath": "index.html",
 "url": null,
 "js": [
  {
   "path": "../touch/sencha-touch.js"
  },
  {
   "path": "app.js",
   "bundle": true,
   "update": "delta"
  },
  {
   "path": "http://maps.google.com/maps/api/js?sensor=true",
   "remote": true
  }
 ],
 "css": [
  {
   "path": "resources/css/app.css",
   "update": "delta"
  }
 ],
 "appCache": {
  "cache": [
    "index.html"
  ],
  "network": [
    "*"
  ],
  "fallback": []
 },
 "resources": [
   "resources/images",
   "resources/icons",
   "resources/startup"
  ],
  "ignore": [
    "\\.svn$"
  ],
  "archivePath": "archive",
  "buildPaths": {
    "testing": "build/testing",
    "production": "build/production",
    "package": "build/package",
    "native": "build/native"
  },
  "buildOptions": {
    "product": "touch",
    "minVersion": 3,
    "debug": false,
    "logger": false
  },
  "id": "59a30a3f-58a1-402c-b3a9-0d84b77359db"
}

Note: Sencha Architect will automatically reconfigure your app.json file to load the Google Maps API