Question

我可能在这里犯了一个非常愚蠢的错误，但我不知道我哪里出错了。只是尝试使用google maps和angular.js在页面上显示一个简单的地图。

这是我的控制器..

var myApp = angular.module('myApplicationModule', ['google-maps']);
myApp.controller('IndexController', ['$scope', function ($scope) {
$scope.map = {
    center: {
        latitude: 45,
        longitude: -73
    },
    zoom: 8
};

}]）;

这是我的html页面..

<!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApplicationModule">
<head>
<title></title>
</head>
<body ng-controller="IndexController">
    <google-map center="map.center" zoom="map.zoom"></google-map>
    <script src='//maps.googleapis.com/maps/api/js?sensor=false'></script>
    <script src='/Scripts/lodash.js'></script>
    <script src='/Scripts/angular-google-maps.js'></script>
    <script src='/Scripts/angular.js'></script>
</body>
</html>

我已经包含了所有必要的脚本并从NuGet获得了angular.js，声明了我的应用程序并指定了控制器。

然而，地图没有显示在页面上..任何人都能指出原因吗？

在angular.js中显示谷歌地图

0 个答案: