问题描述: 在AngularJs的ui-router视图中,无法看到leaflet地图。
解决方法:
angular.module('myApp', ['ui.router'])
.controller('MapController', function($scope) {
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data © OpenStreetMap',
maxZoom: 18,
}).addTo(map);
});
.state('map', {
url: '/map',
template: '',
controller: 'MapController'
})
请注意,在视图加载时,必须确保地图的容器元素(即带有id“map”的div)已经存在于DOM中。
通过以上步骤,应该能够在AngularJs的ui-router视图中正确显示leaflet地图。