use new file request api for add-kml

This commit is contained in:
fkloft 2014-01-20 22:53:30 +01:00
parent 1baad70db2
commit 728144d46f

View File

@ -26,6 +26,59 @@ window.plugin.overlayKML.loadExternals = function() {
@@INCLUDERAW:external/leaflet.filelayer.js@@
try { console.log('done loading leaflet.filelayer JS'); } catch(e) {}
if (window.requestFile !== undefined) {
try { console.log('Loading android webview extensions for leaflet.filelayer JS now'); } catch(e) {}
var FileLoaderMixin = {
parse: function (fileContent, fileName) {
// Check file extension
var ext = fileName.split('.').pop(),
parser = this._parsers[ext];
if (!parser) {
window.alert("Unsupported file type " + file.type + '(' + ext + ')');
return;
}
this.fire('data:loading', {filename: fileName, format: ext});
var layer = parser.call(this, fileContent, ext);
this.fire('data:loaded', {layer: layer, filename: fileName, format: ext});
}
};
FileLoader.include(FileLoaderMixin);
var FileLayerLoadMixin = {
getLoader: function () {
return this.loader;
},
_initContainer: function () {
// Create a button, and bind click on hidden file input
var zoomName = 'leaflet-control-filelayer leaflet-control-zoom',
barName = 'leaflet-bar',
partName = barName + '-part',
container = L.DomUtil.create('div', zoomName + ' ' + barName);
var link = L.DomUtil.create('a', zoomName + '-in ' + partName, container);
link.innerHTML = L.Control.FileLayerLoad.LABEL;
link.href = '#';
link.title = L.Control.FileLayerLoad.TITLE;
var stop = L.DomEvent.stopPropagation;
L.DomEvent
.on(link, 'click', stop)
.on(link, 'mousedown', stop)
.on(link, 'dblclick', stop)
.on(link, 'click', L.DomEvent.preventDefault)
.on(link, 'click', function (e) {
window.requestFile(function(filename, content) {
_fileLayerLoad.getLoader().parse(content, filename);
});
e.preventDefault();
});
return container;
}
};
L.Control.FileLayerLoad.include(FileLayerLoadMixin);
try { console.log('done loading android webview extensions for leaflet.filelayer JS'); } catch(e) {}
}
try { console.log('Loading KML JS now'); } catch(e) {}
@@INCLUDERAW:external/KML.js@@
try { console.log('done loading KML JS'); } catch(e) {}
@ -37,6 +90,8 @@ window.plugin.overlayKML.loadExternals = function() {
window.plugin.overlayKML.load();
}
var _fileLayerLoad = null;
window.plugin.overlayKML.load = function() {
// Provide popup window allow user to select KML to overlay
@ -50,13 +105,14 @@ window.plugin.overlayKML.load = function() {
});
L.Control.FileLayerLoad.LABEL = '<img src="@@INCLUDEIMAGE:images/open-folder-icon_sml.png@@" alt="Open" />';
L.Control.fileLayerLoad({
_fileLayerLoad = L.Control.fileLayerLoad({
fitBounds: true,
layerOptions: {
pointToLayer: function (data, latlng) {
return L.marker(latlng, {icon: KMLIcon});
}},
}).addTo(map);
});
_fileLayerLoad.addTo(map);
}
var setup = function() {
@ -66,3 +122,4 @@ var setup = function() {
// PLUGIN END //////////////////////////////////////////////////////////
@@PLUGINEND@@