Angularjs 谷歌地图显示不正确

如何在angularjs中调用initmap方法。地图上没有显示。。。正确地使用$scope.mymap=function（）{}当我单击刷新按钮时，它工作正常，但当我更改点击，并单击地图选项卡时，下面的地图显示如图所示

下面是.window.initMap如何在angularjs中调用此方法

this.$window.initMap=function（）{}//此方法映射已正确显示，但我正在使用tap，此代码不起作用

---

然后在调用中删除initMap的回调

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"
async defer></script>

那你的电话就行了

<li><a ng-click="initMap()"  href="#map" data-toggle="tab">Map</a></li>

然后你需要一个创建检查

  <script>
    var map;
    var mapCreated = false;  
    function initMap() {
      if (mapCreated == false) {
      map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 8
      });
      mapCreated = true; 
    }
    }
  </script>

var映射；
var mapscreated=false；
函数initMap（）{
如果（mapCreated==false）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：8
});
mapscreated=true；
}
}

当页面加载或处于隐藏选项卡中时，地图是可变的？当页面加载作业列表选项卡在我切换点击地图时可见..地图显示如上图所示OK。。请更新您的问题并为initMap添加javascript代码。可能是您也在其他位置调用了initMap。。显示此代码Too我正在使用此示例感谢您的回答，当我单击“地图”选项卡时，其显示…再次单击“工作列表…”然后再次单击“地图”选项卡时，其显示与上图相同

  <script>
    var map;
    var mapCreated = false;  
    function initMap() {
      if (mapCreated == false) {
      map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 8
      });
      mapCreated = true; 
    }
    }
  </script>