Leaflet : only display blank page

[PerryBelik]

Hello !

I’m working on an app using Cordova, Leaftlet and Ionic.

Here is my code in controllers.js :

//map
.controller('MapCtrl', function($scope, $rootScope, $state, $ionicNavBarDelegate, geolocation, notif) {
	// Change the title bar content
	$scope.viewTitle = "<img src='img/map.svg' class='nav-title-icon'/>Confirmer la position";
	
	$scope.initMap = function() {
		var map = new L.map('map');
		var osmURL = 'http://{s}.hide/hide/{z}/{x}/{y}.png';
		var osmAttrib = 'Map data © OpenStreetMap contributors';
		var osm = new L.TileLayer(osmUrl, { attribution: osmAttrib });

    	map.setView(new L.LatLng(47.12, 01.13), 11);
    	map.addLayer(osm);
	}
});

And my html code for the map state :

<ion-view title="MAP">
	<ion-nav-buttons side="right">
    	<button class="button button-icon icon ion-checkmark-round stable" ng-click="confirmPosition()"></button> 
    </ion-nav-buttons>
	<ion-content>
		<div id="map"></div>
	</ion-content>
</ion-view>

When I emulate my app using cordova emulate ios it displays this :

If I put my $scope.initMap = function() on commentary it displays this :

This is the first time I work with js, cordova and ionic. Can you give me some tips please ?

Thank you !