Stuck in near me 1 step 5

Get Help Angular.js
#1

I can’t find out why i’m stuck in near me part one:

Code is as follows:

index.html

<!doctype html>
<html>
  <head>
    <link href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet" />
    <link href="css/leaflet.css" rel="stylesheet" />
    
   
    <script src="js/vendor/angular.min.js"></script>
 	<script src="js/vendor/leaflet.js"></script>

  </head>
  <body ng-app="NearMeApp">
    
    <div class="header">
      <div class="container-fluid">
        <h1 class="pull-left">NearMe</h1>
      </div>
    </div>

    <div class="main" ng-controller="MainController">
      <div class="container-fluid" id="map-canvas">
        <leaflet></leaflet>
      </div>
    </div>

    <!-- Modules -->
    <script src="js/app.js"></script>

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>
    
    <!-- Directives -->
    <script src="js/vendor/angular-leaflet-directive.min.js"></script>

    <!-- Services -->
    
    
  </body>
</html>

app.js

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

MainController.js

app.controller('MainController', ['$scope', function($scope){
 
}]);

It has to be a typo or something but I can’t find it…

Thanks

#3

for me it worked with the <script src="js/vendor/angular-leaflet-directive.min.js"></script> in the head and not in the body

1 Like
#5

Your code is Ok. I swapped your code into my working version and it works.

Maybe one of your folders is named incorrectly or there is a missing file on your end. Here is what my folder structure looks like.