title: appcache manifest for google maps nor working
body: <p>i want to work with google maps offline for my mobile application
  i used html 5 and google maps to development my app
  but some user needs use app offline
  so i want to use appcache manifest
  but it works for normal page that contains just js+css but does not
  work for google maps 
  because google maps included that file and this is dynamic file
  <a href="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false" rel="nofollow">https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false</a>
  what should i do?</p>
  
  <p>i made appCache as a below</p>
  
  <p>cache.appcache file</p>
  
  <pre><code>CACHE MANIFEST
  /index.html
  
  NETWORK:
  http://maps.gstatic.com/
  http://maps.google.com/
  http://maps.googleapis.com/
  http://mt0.googleapis.com/
  http://mt1.googleapis.com/
  http://mt2.googleapis.com/
  http://mt3.googleapis.com/
  http://khm0.googleapis.com/
  http://khm1.googleapis.com/
  http://cbk0.googleapis.com/
  http://cbk1.googleapis.com/
  http://www.google-analytics.com/
  http://gg.google.com/
  http://csi.gstatic.com/
  https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false/
  http://mt0.google.com/ 
  http://mt1.google.com/ 
  http://mt2.google.com/ 
  http://mt3.google.com/ 
  http://maps.google.com/ 
  http://maps.gstatic.com/ 
  </code></pre>
  
  <p>And then i made a html page that shows google maps 
  as a below</p>
  
  <p>index.Html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html manifest="cache.appcache"&gt;
    &lt;head&gt;
      &lt;title&gt;Simple Map&lt;/title&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;style&gt;
        html, body, #map-canvas {
          height: 100%;
          margin: 0px;
          padding: 0px
        }
      &lt;/style&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"&gt;&lt;/script&gt;
      &lt;script&gt;
  var map;
  function initialize() {
    var mapOptions = {
      zoom: 8,
      center: new google.maps.LatLng(-34.397, 150.644)
    };
    map = new google.maps.Map(document.getElementById('map-canvas'),
        mapOptions);
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="map-canvas"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But it does not work offline 
  you can see demo URL <a href="http://yazilimsozluk.com/a/index.html" rel="nofollow">here</a> </p>