小册子地图没有出现在Backbone中

时间:2013-04-18 02:33:26

标签: javascript backbone.js leaflet

以下是我的观点:

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;
});

我的下划线模板中只有一个带有地图ID的div。我没有在控制台中收到任何错误,当我检查请求时,它实际上正在下载所有磁贴和所有内容,但它们都没有得到渲染。有什么想法吗?

0 个答案:

没有答案