Foliet directive angulaire carte vierge

Je suis le tutoriel de base pour Leaflet-angular-directive. Je suis en mesure de voir l'affichage des composants de la carte dans le navigateur, mais la carte est vide. L'exemple:Foliet directive angulaire carte vierge

<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>

Je ne vois pas où est passé les urls clés API ou tuile, ou est-il pas nécessaire?

Merci!

Source

2016-02-14 Mehdi Abderezai

Vous codez est ok. Il travaille me former avec ces dépendances (angulaire 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>

Il n'y a pas besoin de clé API.

Source

2016-02-14 14:08:18 GCoe

Foliet directive angulaire carte vierge

Répondre

Questions connexes