我想在ng-maps中显示一个标记，但是我收到错误说错误：[ng：areq]参数"myCtrl"不是一个函数，未定义法典
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places&key=AIzaSyDQ2TPHVI30yFa6-yVLf8ffNRTlwWvAmf8"></script>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
</head>
<body ng-app="ngApp" , ng-controller="myCtrl">
<ng-map id="map" zoom="11" center="[{{names.lat}},{{names.longitude}}]">
<marker position="[{{names.lat}},{{names.longitude}}]" title=""></marker>
</ng-map>
<script>
var app = angular.module('ngApp', []);
app.controller('myCtrl', function ($scope, $http) {
$http.get('url')
.then(function (response) {
$scope.names = response.data;
});
});
console.log($scope.names);
</script>
</body>
</html>
您需要
从 html 标记中删除ng-app=ngMap或使用它来定义应用程序并删除ng-app=ngApp。
<html >//removed ng-app from this one
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places&key=AIzaSyDQ2TPHVI30yFa6-yVLf8ffNRTlwWvAmf8"></script>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
</head>
<body ng-app="ngApp" , ng-controller="myCtrl">
<ng-map id="map" zoom="11" center="[{{names.lat}},{{names.longitude}}]">
<marker position="[{{names.lat}},{{names.longitude}}]" title=""></marker>
</ng-map>
<script>
var app = angular.module('ngApp', []);
app.controller('myCtrl', function ($scope, $http) {
$http.get('URL')
.then(function (response) {
$scope.names = response.data;
});
});
</script>
</body>
</html>