AngularJs与谷歌地图
AngularJs与谷歌地图
提问于 2015-04-13 20:21:00
我有这个代码，因为我想在我的webApp中包含谷歌地图，但不起作用。这是html页面：
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/libs/angular.js/angular.js"></script>
<script src="js/libs/angular.js/angular-route.js"></script>
<script src="http://maps.google.cn/maps/api/js?sensor=false"></script>
<script src="js/libs/mappa/lodash.js"></script>
<script src="js/libs/mappa/angular-google-maps.min.js"></script>
</head>
<body>
<div>
<ui-gmap-google-map center=map.center zoom=map.zoom style="width: 400px; height: 400px;"></ui-gmap-google-map>
</div>
</body>
</html>这是我在AngularJs中的控制器：
var modulo = angular.module('progetto', ['ngRoute', 'uiGmapgoogle-maps']);
modulo.controller('descriptionController', function ($scope, $routeParams, $http) {
$scope.map = { center: { latitude: 45, longitude: -73 }, zoom: 8 };
}).
error(function (data, status) {
$scope.listaEventi = "Request failed";
});错误在哪里？我想我导入的是精确库！
回答 2
Stack Overflow用户
发布于 2015-04-13 22:00:43
在控制器上调用attributes...
- You're (？) ng-controller
- You're
- (？)
- 你需要定义这个css规则：
..angular google-map-{ height: 400px；}容器
指令的内联样式还不够好。
- 下次请检查您的js错误控制台。您所说的“没有错误”很可能不是真的。
这是一个有效的小提琴..。http://jsfiddle.net/ybtn4kn2/
Stack Overflow用户
发布于 2015-04-13 20:26:29
你好像忘了你的
<div ng-controller="descriptionController">并且您需要将库传递给控制器
.controller("descriptionController", function($scope, uiGmapGoogleMapApi) 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29605183
复制相关文章
相似问题
腾讯云开发者
