javascript - 传单地图未显示在 Backbone 中

Question

这是我的看法：

define([
    'jquery',
    'underscore',
    'backbone',
    'bootstrap',
    'leaflet',
    'text!templates/map/MapTemplate.html'
], function($, _, Backbone, Bootstrap, L, MapTemplate){

    var MapView = Backbone.View.extend({
        el: '.body',
        template: _.template(MapTemplate),
        render: function() {

            // Load the map template
            this.$el.html(this.template());

            // Create the map
            var map = L.map('map', {
                dragging: false
            });

            L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png').addTo(map);

            map.locate({setView: true, maxZoom: 15});

            function onLocationFound(e) {
                var radius = e.accuracy / 2;

                L.marker(e.latlng).addTo(map);

                L.circle(e.latlng, radius).addTo(map);
            }

            map.on('locationfound', onLocationFound);

            function onLocationError(e) {
                alert(e.message);
            }

            map.on('locationerror', onLocationError);
        }
    });

    return MapView;
});

而我的下划线模板中只有一个 div，其 ID 为 map。我在控制台中没有收到任何错误，当我检查请求时，它实际上正在下载所有图块和所有内容，但它们都没有被渲染。对此有什么想法吗？