Backbone.js and Leaflet.js

Backbone.js and Leaflet.js

基础知识简介:


如何将Backbone和leaflet结合


在Backbone日益发展的时代,已经有人做出了将Backbone与Leaflet相结合的插件Backbone.Leaflet;但此插件目前功能上不是很稳定,我来介绍一下不用此插件,怎么样将Backbone和Leaflet结合:

  • 根据Leaflet的方法添加map

创建Backbone.Router 文件:

module.exports = Backbone.Router.extend({
routes: {
"": "index"
},

initialize: function () {
// set the sidebar-v2 plugin
$('#map').addClass('sidebar-map leaflet-container leaflet-fade-anim');
// set layer
app.layerA = new L.layerGroup();
var map = new L.layerGroup();
// instance the map
this.map = new L.map('map',settings.mapOptions).setView(settings.viewCenter, 13);
this.tiles = new L.tileLayer(settings.baseLayer);
this.map.addLayer(this.tiles);
// layer control
var overlayMaps = {
"A": app.layerA

};
var baseMaps = {
"Map": map
};
L.control.layers(baseMaps,overlayMaps).addTo(this.map);
}

posted @ 2015-02-02 21:00  OutbreakUniverse  阅读(201)  评论(0)    收藏  举报