WatchPosition-Blob

by giacal

HTML

<button id="start">inizia la cattura</button>
<button id="stop">termina la cattura</button>

<span></span>

JavaScript

window.URL = window.URL || window.webkitURL;

var itv,
    file, 
    data = new Array(),
    start = document.querySelector("#start"),
    stop = document.querySelector("#stop");
    span = document.querySelector("span");

document.querySelector('#start').addEventListener('click',inizia,false);
document.querySelector('#stop').addEventListener('click',termina,false);

function inizia(){ 
    itv = navigator.geolocation.watchPosition(aggiorna);
    }

function aggiorna(pos){
    data.push({
        lat: pos.coords.latitude,
        lon: pos.coords.longitude,
        acc: pos.coords.accuracy,      
        tim: pos.timestam});
  };

function termina(){
    navigator.geolocation.clearWatch(itv);
    span.innerHTML = JSON.stringify(data);
    file = new Blob([JSON.stringify(data)],{
    type: "application/json"});
    var url = window.URL.createObjectURL(file);
    span.insertAdjacentHTML('afterend','<br><a href="'+url+'">scarica il file</a>');
}