title: Ionic - no internet connection
body: <p>We are building a android application using Ionic (+Cordova).</p>
  
  <p>It all works in my browser, but when I build it and run the .apk this happens:</p>
  
  <p>External images won't appear, and embeded google maps remain empty. The following code at our index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="lib/ionic/css/ionic.css" rel="stylesheet"&gt;
      &lt;link href="css/style.css" rel="stylesheet"&gt;
  
      &lt;!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
      &lt;link href="css/ionic.app.css" rel="stylesheet"&gt;
      --&gt;
  
      &lt;!-- ionic/angularjs js --&gt;
      &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="js/ng-cordova.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- cordova script (this will be a 404 during development) --&gt;
      &lt;script src="cordova.js"&gt;&lt;/script&gt;
  
      &lt;!-- your app's js --&gt;
      &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="starter"&gt;
  
      &lt;ion-pane&gt;
            &lt;ion-header-bar class="bar-stable"&gt;
  
            &lt;/ion-header-bar&gt;
            &lt;ion-content&gt;
              &lt;div class="main" role="main"&gt;
  
                  &lt;p id="geolocation"&gt;Finding geolocation...&lt;/p&gt;
                  &lt;img src="http://placehold.it/350x150.png" alt="no image" /&gt;
  
                  &lt;iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d635472.0298105411!2d5.1189025!3d51.525825749999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1snl!2snl!4v1432033961557" width="600" height="450" frameborder="0" style="border:0"&gt;&lt;/iframe&gt;
              &lt;/div&gt;
            &lt;/ion-content&gt;
      &lt;/ion-pane&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In the config.xml we've created the following lines just after the closing tag of :</p>
  
  <pre><code>&lt;allow-navigation href="*" /&gt;
  &lt;allow-intent href="*" /&gt;
  </code></pre>