Reorganized some code
This commit is contained in:
parent
a76463771f
commit
c891668f0e
48
map.js
48
map.js
|
@ -29,7 +29,7 @@ $(document).ready(function() {
|
|||
map.addLayer(googleLayer);
|
||||
|
||||
$.getJSON('data.json')
|
||||
.done(function(data) {
|
||||
.done(function(data) {
|
||||
var geojson = L.geoJson(data, {
|
||||
onEachFeature: onEachFeature,
|
||||
pointToLayer: pointToLayer
|
||||
|
@ -37,34 +37,30 @@ $(document).ready(function() {
|
|||
map.addLayer(geojson);
|
||||
});
|
||||
|
||||
var info = L.control();
|
||||
var SimpleControl = L.Control.extend({
|
||||
initialize: function(templateId, divClass, options) {
|
||||
this.template = Handlebars.compile($(templateId).html());
|
||||
this.divClass = divClass;
|
||||
L.Util.setOptions(this, options);
|
||||
},
|
||||
|
||||
info.onAdd = function (map) {
|
||||
var div = L.DomUtil.create('div', 'info');
|
||||
div.innerHTML = Handlebars.compile($('#info-template').html())();
|
||||
onAdd: function (map) {
|
||||
this._div = L.DomUtil.create('div', this.divClass);
|
||||
this._div.innerHTML = this.template();
|
||||
|
||||
return div;
|
||||
};
|
||||
return this._div;
|
||||
}
|
||||
});
|
||||
|
||||
info.addTo(map);
|
||||
var info = new SimpleControl('#info-template', 'info', {
|
||||
position: 'topright'
|
||||
}).addTo(map);
|
||||
|
||||
var sharePane = L.control().setPosition("bottomleft");
|
||||
sharePane.onAdd = function (map) {
|
||||
var div = L.DomUtil.create('div', 'info');
|
||||
div.innerHTML = Handlebars.compile($('#share-template').html())();
|
||||
var sharePane = new SimpleControl('#share-template', 'info', {
|
||||
position: 'bottomleft'
|
||||
}).addTo(map);
|
||||
|
||||
return div;
|
||||
};
|
||||
|
||||
sharePane.addTo(map);
|
||||
|
||||
var legend = L.control().setPosition("topleft");
|
||||
legend.onAdd = function (map) {
|
||||
var div = L.DomUtil.create('div', 'legend');
|
||||
div.innerHTML = Handlebars.compile($('#legend-template').html())();
|
||||
|
||||
return div;
|
||||
};
|
||||
|
||||
legend.addTo(map);
|
||||
var legend = new SimpleControl('#legend-template', 'legend', {
|
||||
position: 'topleft'
|
||||
}).addTo(map);
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue