Moved scale bar to bottom left on mobile.

This commit is contained in:
hastarin 2013-05-09 00:08:52 +10:00
parent 2c4a83db8e
commit 93f330718a

View File

@ -24,11 +24,16 @@ if(typeof window.plugin !== 'function') window.plugin = function() {};
window.plugin.scaleBar = function() {}; window.plugin.scaleBar = function() {};
window.plugin.scaleBar.setup = function() { window.plugin.scaleBar.setup = function() {
$('head').append('<style>.leaflet-control-scale { position: absolute; top: 2px; left: 40px; } </style>');
// Before you ask: yes, I explicitely turned off imperial units. Imperial units // Before you ask: yes, I explicitely turned off imperial units. Imperial units
// are worse than Internet Explorer 6 whirring fans combined. Upgrade to the metric // are worse than Internet Explorer 6 whirring fans combined. Upgrade to the metric
// system already. // system already.
if (window.isSmartphone()) {
$('head').append('<style>.leaflet-control-scale { position: absolute; bottom: 15px; left: 0px; } </style>');
window.map.addControl(new L.Control.Scale({position: 'bottomleft', imperial: false, maxWidth: 200}));
} else {
$('head').append('<style>.leaflet-control-scale { position: absolute; top: 2px; left: 40px; } </style>');
window.map.addControl(new L.Control.Scale({position: 'topleft', imperial: false, maxWidth: 200})); window.map.addControl(new L.Control.Scale({position: 'topleft', imperial: false, maxWidth: 200}));
}
}; };
var setup = window.plugin.scaleBar.setup; var setup = window.plugin.scaleBar.setup;