NearMe 3 Not displaying views/main.html

Hi, i’m stuck on NearMe 3 step 4 where I’ve refactored the app but now the map isn’t showing up as it did before and just displays a line of the templateUrl as a span text:


<!doctype html>
    <link href="" 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=""></script>

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

    <div ng-view></div>

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

    <!-- Controllers -->
    <script src="js/controllers/MainController.js"></script>

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

    <!-- Services -->
    <script src="js/services/places.js"></script>



<div class="main">
      <div class="container-fluid" id="map-canvas">
        <leaflet center="mapCenter" markers="mapMarkers"></leaflet>


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

app.config(function ($routeProvider) {
    .when('/', {
      controller: 'MainController',
      template: 'views/main.html'
      redirectTo: '/'


app.controller('MainController', ['$scope', 'places', function($scope, places) {
  $scope.mapCenter = {
    lat: 40.741934,
    lng: -74.004897,
    zoom: 17

  places.success(function(data) {
    $scope.geodata = data;
    $scope.mapMarkers = geodataToMarkers($scope.geodata);


Please give me guidance!! Thanks in advance!!