Question

我试图在我的页面上显示基本地图，而我得到的只是一个空白页。

这是我的HTML：

    <!DOCTYPE html>
    <html ng-app="example">
    <head>
      <meta charset="utf-8">
      <title>example</title>
      <script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js"></script>
      <script src="js/angular.js"></script>
      <script src="js/angular-leaflet-directive.js"></script>
      <script src="js/angular-ui-router.js"></script>
      <script src="js/frontend.js"></script>
      <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.css">
      <link rel="stylesheet" href="style.css">
   </head>
   <body ng-controller="SimpleMapController">
     hello there
     <leaflet></leaflet>
   </body>
  </html>

我的javascript代码：

var app = angular.module('example', ['leaflet-directive']);

app.controller("SimpleMapController", [ '$scope', function($scope) {
    angular.extend($scope, {
        defaults: {
            scrollWheelZoom: false
        }
    });
}]);

这与（解释不清楚）示例中的解释完全相同。然而，我没有地图（就像他们的例子），我有一个空白的屏幕。在浏览器的开发控制台上，我也收到以下错误：

GET file://b.tile.openstreetmap.org/1/0/1.png net::ERR_FILE_NOT_FOUND

它应该是从传单中获取它们，看起来它正在寻找我最终的地图png。我错过了我的html或js中的内容吗？

Angular Leaflet Directive简单地图示例

0 个答案: