Google Maps is not showing up

Navigation
0

I have a problem with Ionic, I added a map in my app and it does not appear, I'm using the Ionic Tab interface, the code is apparently right, I used it in a Blank app and it worked, but when I I add the same code in the tab of my main app it does not appear.

Follow the code: 

<ion-view view-title="Localização">
  <ion-content>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1.0, user-scalable=no, width=device-width">
            <title></title>

        <link href="lib/ionic/css/ionic.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">

        <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
        <link href="css/ionic.app.css" rel="stylesheet">-->

        <!-- ionic/angularjs js -->
        <script src="lib/ionic/js/ionic.bundle.js"></script>

        <script src="https://maps.googleapis.com/maps/api/js?key=[API-KEY]&sensor=true"></script><!--cordovascript(thiswillbea404duringdevelopment)--><scriptsrc="cordova.js"></script> -->

        <!-- your app's js -->
        <script src="js/app.js"></script>
        <script src="js/controllers.js"></script>
        <script src="js/directives.js"></script>
      </head>

      <body ng-app="starter" ng-controller="AccountCtrl">
        <ion-content scroll="false">
          <map on-create="mapCreated(map)"></map>
        </ion-content>

        <ion-footer-bar class="bar-stable">
          <a ng-click="centerOnMe()" class="button button-icon icon ion-navigate"></a>
        </ion-footer-bar>

        </body>   
    </html>
      </ion-content>
    </ion-view>

That's the only white image

    
asked by anonymous 27.10.2016 / 05:11

1 answer

0

Change the height of your #map 

  #map {
    height: 80%;
    border-radius: 16px;
  }
    
06.02.2018 / 00:08
how to get all images with foreach Change image resolution via java code