Question

我正在使用Cordova，Leaftlet和Ionic开发应用程序。

这是我在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);
    }
});

我的地图状态的html代码：

<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>

当我使用cordova emulate ios模拟我的应用时，它会显示一个空白页面，其中没有标题标题和绿色页脚。

HERE

如果我将$ scope.initMap = function（）放在评论上，它会显示一个带有蓝色标题和标题的空白页面（并且没有绿色页脚）。

HERE

这是我第一次使用js，cordova和ionic。你能给我一些提示吗？

谢谢！

宣传单：仅显示空白页面

0 个答案: