以下是我的观点:
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。我没有在控制台中收到任何错误,当我检查请求时,它实际上正在下载所有磁贴和所有内容,但它们都没有得到渲染。有什么想法吗?