问无法在ng-map中显示标记，错误- [ng:areq]参数'myCtrl‘不是函数
EN

Stack Overflow用户

提问于 2018-04-09 14:59:44

回答 1查看 19关注 0票数 0

我想在ng-map中显示一个标记，但收到错误消息: 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>

javascript

angularjs

ng-map

回答 1

Stack Overflow用户

发布于 2018-04-09 15:19:19

您需要从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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49727183

复制

相似问题

问无法在ng-map中显示标记，错误- [ng:areq]参数'myCtrl‘不是函数
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在ng-map中显示标记，错误- [ng:areq]参数'myCtrl‘不是函数EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在ng-map中显示标记，错误- [ng:areq]参数'myCtrl‘不是函数
EN