Can anyone Help? Map not showing


#1





<link href="css/main.css" rel="stylesheet" />
<link href="css/leaflet.css">

	<script src="js/vendor/angular.min.js"></script>
<script src="js/vendor/leaflet.js"></script>
	<srcipt src="js/vendor/angular-leaflet-directives.min.js"></srcipt>


<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 center="mapCenter" markers="mapMarkers"></leaflet>
  </div>
</div>

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

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

<!-- Directives -->

<!-- Services -->


< app.js >

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

< controller >

app.controller('MainController', ['$scope', function($scope){
$scope.mapCenter = {
lat: 40.741934,
lng: -74.004897,
zoom: 17
};
$scope.mapMarkers = [
{
lat: 40.741389,
lng: -74.003056,
message: "111 Eighth Avenue"
},
{
lat: 40.7425,
lng: -74.006111,
message: "Chelsea Market"
}
];
}]
);

The map is not showing. Please Help


#2

Which steps have you completed out of 7?

Did you try to refresh the localhost browser a couple of times? Sometimes that works.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.