title: angular openstreetmap directive
body: <p><a href="http://tombatossals.github.io/angular-leaflet-directive/examples/simple-example.html" rel="nofollow">http://tombatossals.github.io/angular-leaflet-directive/examples/simple-example.html</a></p>
  
  <p>Неre is the example I need.</p>
  
  <p><a href="http://tomaszdziurko.pl/wp-content/uploads/2013/02/navbar_angularjs1.png" rel="nofollow">http://tomaszdziurko.pl/wp-content/uploads/2013/02/navbar_angularjs1.png</a></p>
  
  <p>But I need this map in Third page.</p>
  
  <p>What should I put on the controller?</p>
  
  <pre><code>var App = angular.module('App', []);
  
  App.config(function ($routeProvider, $locationProvider) {
      $locationProvider.html5Mode(true);
      $routeProvider
  
      // route for the about page
          .when('/third', {
              templateUrl: 'pages/third.html',
              controller: 'thirdController'
          });
  
  App.controller('thirdController', function ($scope) {
          angular.extend($scope, {
              defaults: {
                  scrollWheelZoom: false
              }
          });
  });
  </code></pre>
  
  <p>on the html I just set <code>&lt;leafset&gt;&lt;/leafset&gt;</code></p>
  
  <p>but it it wrong.</p>
  
  <p>Thanks.</p>