Javascript 如何隐藏和显示地图使用angularjs谷歌地图Angular1.x

Javascript 如何隐藏和显示地图使用angularjs谷歌地图Angular1.x,javascript,css,angularjs,Javascript,Css,Angularjs,我是angularjs的新手,在使用angularjs谷歌地图时遇到问题,我不知道为什么我的代码中会出现这种情况,以下是我的代码: <div ng-show="!emptyAddress"> <ng-map center="41,-87"></ng-map> </div> <button ng-click="emptyAddress = !emptyAddress"> Show Map </button> 显示

我是angularjs的新手,在使用angularjs谷歌地图时遇到问题,我不知道为什么我的代码中会出现这种情况,以下是我的代码:

<div ng-show="!emptyAddress">
    <ng-map center="41,-87"></ng-map>
</div>

<button ng-click="emptyAddress = !emptyAddress"> Show Map </button>

显示地图
但当我按下按钮时,地图只显示灰色

我试着不隐藏它,地图就显示出来了。但我得先把它藏起来

我尝试用CSS和属性高度、不透明度和显示来修复它。但地图仍然是灰色的:(


我想在他的回购协议中询问此事,但发行模板告诉我先在这里询问。有人能帮我吗?

使用
ng而不是ng show/hide

它将解决这个问题