单张角度指令空白图

我正在关注Leaflet-angular-directive的基本教程。我能够在浏览器中看到传单地图组件显示，但地图是空白的。这个例子：单张角度指令空白图

<html ng-app="demoapp"> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <script src="../bower_components/angular/angular.min.js"></script> 
    <script src="../bower_components/leaflet/dist/leaflet.js"></script> 
    <script src="../dist/angular-leaflet-directive.min.js"></script> 
    <link rel="stylesheet" href="../bower_components/leaflet/dist/leaflet.css" /> 
    <script> 
     var app = angular.module("demoapp", ['leaflet-directive']); 
     app.controller("BasicFirstController", [ "$scope", function($scope) { 
      // Nothing here! 
     }]); 
    </script> 
    </head> 

    <body ng-controller="BasicFirstController"> 
    <leaflet width="100%" height="480px"></leaflet> 
    <h1>First steps, basic example</h1> 
    </body> 
</html>

我没有看到那里的API密钥或瓷砖的URL通过，或者它不是必需的？

谢谢！

来源

2016-02-14 Mehdi Abderezai

你的代码没问题。它与我形成这些依赖关系（Angular 1.4.9）：

<script src="http://cdn.leafletjs.com/leaflet-0.7.1/leaflet.js"></script> 
<script src="bower_components/angular/angular.js"></script> 
<script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/angular-mocks/angular-mocks.js"></script> 
<script src="angularLealeft/angular-leaflet-directive.min.js"></script>

不需要API密钥。

来源

2016-02-14 14:08:18 GCoe

单张角度指令空白图

回答

相关问题