title: best map system for phonegap web app
body: <p>I have a phonegap application that uses Google Maps API to display a map with markers, which will displays a small resume of each attraction of a city.</p>
  
  <p>I use cache application and localstorage, 1st to preload all my images, 2nd to display a preview when the user click on the marker, and that in case the network is slow or shut down.</p>
  
  <p>But if I want this app to be used offline. I read that Google Maps tiles can't be used offline. 
  if fact, offline my app appears well but with an empty canvas instead of google map</p>
  
  <p>And the js loading of Google maps is cache on my manifest, but all the app is down, beacause of the missing variable 'google' asked by the js scripts present in my manifest: </p>
  
  <pre><code>[Error] ReferenceError: Can't find variable: google
      load (map.js, line 472)
      Geolocation (geolocation.js, line 38)
  </code></pre>
  
  <p>so all scripts containing this variable, stop.</p>
  
  <p>What is the solution ? 
  It would be ok for me if the google map not appear but the services not required.
  in fact, in android offline, I have no problem, the google map tiles are not displaying, but my application still work offline.</p>
  
  <p>I saw multiples soluton but which one is really acceptable ? </p>
  
  <p>openstreemap + leafleft ? 
  Seems good, but isn't it too much complicated relative to google map ? 
  looks like I need to use a SQLite database for Storing the OpenStreetMap and I'll have to donwload all the tiles before rendering them... </p>
  
  <p>Or is there another map, like bing or else, that will just stop rendering new tiles,  but don't stop all the javascropts containing a map reference.</p>
  
  <p>thanks.</p>