使用angularjs尝试googlemaps时，获取_uu不是函数invalidvalue错误_Angularjs_Google Maps

使用angularjs尝试googlemaps时，获取_uu不是函数invalidvalue错误

angularjs google-maps

使用angularjs尝试googlemaps时，获取_uu不是函数invalidvalue错误,angularjs,google-maps,Angularjs,Google Maps,我想在我的angularJS页面中显示地图，如下所示 index.html <!DOCTYPE html> <html lang="en"> <head> <script src="js/angular.min.js"></script> </head> <body ng-app="abc"> <div id="controller" ng-controller="def as ctrl">

我想在我的angularJS页面中显示地图，如下所示

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="js/angular.min.js"></script>
</head>
<body ng-app="abc">
<div id="controller" ng-controller="def as ctrl">
    <div id="googlemap" style="height:100%; width:100%"></div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&callback=displayMap"></script>
</body>
</html>

我收到的displayMap不是函数InvalidValueError消息。如何解决此问题？

displayMap

通过回调参数传递的函数预计在全局范围内可见，但在提供的示例中，它仅在

def

控制器的范围内可访问

在Angular应用程序中，您可以通过

回调

参数调用

displayMap

函数，而不是通过以下方式从控制器调用该函数：

google.maps.event.addDomListener(window, 'load', displayMap);

范例

角度模块（'mapApp'，[]） .controller（“mapCtrl”，函数（$scope，$http）{ var displayMap=函数（数据）{ 变量映射选项={ 缩放：4，中心：新google.maps.LatLng（48.209500,16.370691）， mapTypeId:google.maps.mapTypeId.ROADMAP } var map=new google.maps.map（document.getElementById（“map_div”），mapOptions）； }; google.maps.event.addDomListener（窗口'load'，displayMap）； });

地图分区{
高度：280px；
}

google.maps.event.addDomListener(window, 'load', displayMap);