2013-03-15 61 views
0

我是新的Web應用程序和開發。如何使用谷歌電子表格作爲實時操作數據庫

我試圖開發一個應用程序,可以將GPS座標與HTML5地理位置。我可以在地圖上顯示這一點。

但是從這一點上我想開發類似於谷歌緯度的smtg,我想保存數據庫中成員的座標。我希望這個數據庫是一個在線數據庫。

保存此座標之後,我將創建其歷史記錄行,並且成員將看到他們的地點以及他們的歷史記錄。

我使用的是HTML5和JavaScript。這是可能訪問和使用電子表格作爲在線數據庫與或不使用JavaScript。或者我該如何使用其他選項(語言和數據庫)來執行此過程。

謝謝你做的一切......

UPDATE:

//我使用下面的代碼,我想保存enlem和boylam變量到電子表格,並希望以後收到此數據顯示上這張地圖是我休耕的那個人的歷史。同時還可以跟蹤4人或5人的應用程序。 是否有可能在spreadshhet上做這個工作,或者我必須爲此使用一個數據庫。

而且問題是是否有可能從電子表格中的JavaScript或託比亞說我只能處理這個問題,服務器端語言發送或接收數據....

謝謝你做的一切......

<html> 
<head> 
<meta charset="utf-8"> 
<meta name="robots" content="noindex, nofollow"> 
<link rel="stylesheet" media="all" type="text/css" href="http://www.cssplay.co.uk/menus/css/hidden.css" /> 
<link href="style.css" rel="stylesheet" type="text/css"> 
<title>Neredeyim?</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/interface.js"></script> 
<script src="http://maps.google.com/maps/api/js?sensor=true"></script> 

<meta http-equiv="refresh" content="300"> 

<article> 

</article> 

<script type="text/javascript"> 

function success(position) { 
    var mapcanvas = document.createElement('div'); 
    mapcanvas.id = 'mapcontainer'; 
    mapcanvas.style.height = '100%'; 
    mapcanvas.style.width = '100%'; 

    document.querySelector('article').appendChild(mapcanvas); 


    var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
    var en=coords.lat(); 
    var enlem=en.toFixed(2);// latitude variable 
    var boy=coords.lng(); 
    var boylam=boy.toFixed(2);//longtitude variable 
    var accuracy = position.coords.accuracy; 

    var options = { 
    zoom: 18, 
    center: coords, 
    panControl: false, 
    mapTypeControl: true, 
    mapTypeControlOptions: { 
     style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
    }, 
    navigationControlOptions: { 
     style: google.maps.NavigationControlStyle.SMALL 
    }, 
    mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 
    var map = new google.maps.Map(document.getElementById("mapcontainer"), options); 

    var marker = new google.maps.Marker({ 
     position: coords, 
     map: map, 
     clickable:true, 
     title: "Mevcut Pozisyonunuz : " + enlem + " K " + boylam + " D " + " Koordinat Doğruluğu " + accuracy + " m.dir " 
    }); 

    marker.info = new google.maps.InfoWindow({ 
    content: '<b>Pozisyonunuz :</b> ' + enlem + ' K ' + boylam + ' D ' + ' <br><b>Koordinat doğruluğunuz :</b> ' + accuracy + ' m.dir. </br>' 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
    marker.info.open(map, marker); 
    }); 









} 



if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(success); 
          } else { 
            error('Geo Location is not supported'); 
            } 




</script> 



</head> 
<body onload="success()"> 



<input type="button" data-theme="b" data-icon="check" data-iconpos="right"  value="DEVAM" onClick="window.location.reload()" data-mini="true" /> 

<div id="mapcontainer"></div> 

</body> 
</html> 
+0

歡迎光臨!但是,這不是一個你要求腳本的地方,請參閱http://careers.stackoverflow.com/找到想要編寫腳本的開發人員。如果你需要某些腳本的幫助,你應該只問問題,另請參閱[問] – 2013-03-15 22:27:47

+0

我認爲OP提出了一個有效的問題,他並沒有要求任何人爲他編寫代碼。 – Tobia 2013-03-15 22:31:40

回答

1

也許我誤解的問題,但這種數據處理和存儲的通常是通過服務器端程序進行,並有很好的理由。

如果您的應用程序的所有邏輯(包括安全檢查等)都在JavaScript代碼中(只要使用其瀏覽器的開發人員工具,您的任何用戶都可以閱讀和修改),並且數據庫只是一個聯機電子表格,阻止惡意用戶刪除您的整個數據庫,或者讀取其他人的位置等?

問題是,您最好使用服務器端語言和數據庫技術,並採用傳統方式進行操作,因爲它爲各種用戶提供了更多的安全保護。 PHP和MySQL是迄今爲止最流行的選擇,儘管在我看來有更好的語言,比如Ruby或Python。


但是,如果你理解了安全隱患,仍然希望使用谷歌電子表格作爲其數據存儲,你會發現這裏的介紹,並就如何做到這一點的教程建立一個交互式應用:

http://www.alatechsource.org/blog/2012/05/using-the-google-spreadsheets-data-api-to-build-a-recommended-reading-list-code-words.h

+0

很好的答案。特別是,您需要使用Google帳戶訪問Google電子表格...假設您不希望所有使用您的網站的人都可以使用帳戶信息,那麼您肯定會希望在服務器端執行此操作。 – 2013-03-17 12:13:44

+0

特別是這個應用程序將是一個團隊跟蹤應用程序。因此,與參與者共享帳戶信息不會成爲問題。但一般意見顯示我必須使用PHP和數據庫。由於沒有回答關於如何使用電子表格和JavaScript爲此目的,我認爲我必須使用PHP .... – bgf17 2013-03-17 13:59:01

+0

我改進了我的答案與實際指針如何做你所問! – Tobia 2013-03-17 14:46:17

相關問題