title: How to hide and show the map use angularjs-google-maps in angular 1.x
body: <p>I'm a newbie in angular and I have a problem use angularjs-google-maps <a href="https://github.com/allenhwkim/angularjs-google-maps" rel="nofollow noreferrer">Use this library</a>, I don't know why this happens in my code, here's my code:</p>
  
  <pre><code>&lt;div ng-show="!emptyAddress"&gt;
      &lt;ng-map center="41,-87"&gt;&lt;/ng-map&gt;
  &lt;/div&gt;
  
  &lt;button ng-click="emptyAddress = !emptyAddress"&gt; Show Map &lt;/button&gt;
  </code></pre>
  
  <p>But when I press the button the map just shows only gray. <a href="https://i.stack.imgur.com/9hGvp.png" rel="nofollow noreferrer">Here's the problem picture</a></p>
  
  <p>I try to not hide it and the map is shown. But I need to hide it first.</p>
  
  <p>I have tried to fix it use CSS with property height, opacity, and display. But the map still gray :( </p>
  
  <p>I want to ask about it in his repo, but the issue template told me to ask here first. Can anyone help me? </p>