angular.module('FixYourStreet.Map', [])

  .controller("MapController", function($scope, mapboxMapId, mapboxAccessToken) {
    var mapboxTileLayer = "http://api.tiles.mapbox.com/v4/" + mapboxMapId;
    mapboxTileLayer = mapboxTileLayer + "/{z}/{x}/{y}.png?access_token=" + mapboxAccessToken;
    $scope.mapDefaults = {
      tileLayer: mapboxTileLayer
    };
    $scope.mapCenter = {
      lat: 51.48,
      lng: 0,
      zoom: 14
    };
    $scope.mapMarkers = [];
  })


;

angular.module('FixYourStreet.Map', ['leaflet-directive'])

  .controller("MapController", function($scope, mapboxMapId, mapboxAccessToken) {
    var mapboxTileLayer = "http://api.tiles.mapbox.com/v4/" + mapboxMapId;
    mapboxTileLayer = mapboxTileLayer + "/{z}/{x}/{y}.png?access_token=" + mapboxAccessToken;
    $scope.mapDefaults = {
      tileLayer: mapboxTileLayer
    };
    $scope.mapCenter = {
      lat: 51.48,
      lng: 0,
      zoom: 14
    };
    $scope.mapMarkers = [];
  })


;

Update map.js