Javascript 角度传单指令简单贴图示例

Javascript 角度传单指令简单贴图示例,javascript,angularjs,angular-leaflet-directive,Javascript,Angularjs,Angular Leaflet Directive,我试图让基本地图显示在我的页面上,而我得到的只是一个空白页面 这是我的html: <!DOCTYPE html> <html ng-app="example"> <head> <meta charset="utf-8"> <title>example</title> <script src="http://cdn.leafletjs.com/leaflet-0

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

这是我的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>
这与(解释得不好的)示例中的解释几乎完全相同。然而,我没有地图(比如他们的例子),而是一个空白屏幕。在浏览器的开发控制台上,我还收到以下错误:

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

它看起来像是在寻找我这边的地图PNG,而它应该从传单上得到它们。我的html或js中缺少什么吗?

您必须在传单指令中包含
高度
宽度
。谢谢。为什么他们不在有角度的传单指令页面上指定?似乎这是非常重要的信息。他们基本上提到了它,但它并没有真正突出显示,是的,我想我在搜索中看到了它,但忽略了它的重要性。他们真的应该把它放在他们的示例页面上,因为现在它说你所需要的只是html。是的,“在你的html代码上添加带有一些属性的自定义标记
”有点模糊;可能值得在GitHub上发布相关问题……您必须在传单指令中包含
高度
宽度
。谢谢。为什么他们不在有角度的传单指令页面上指定?似乎这是非常重要的信息。他们基本上提到了它,但它并没有真正突出显示,是的,我想我在搜索中看到了它,但忽略了它的重要性。他们真的应该把它放在他们的示例页面上,因为现在它说你所需要的只是html。是的,“在你的html代码上添加带有一些属性的自定义标记
”有点模糊;可能值得在GitHub上发布一个关于它的问题。。。。
GET file://b.tile.openstreetmap.org/1/0/1.png net::ERR_FILE_NOT_FOUND