0

我是 Web 应用程序和开发的新手。

我正在尝试开发一个可以使用 HTML5 地理位置获取 GPS 坐标的应用程序。我可以在地图上显示这个点。

但是从这一点开始,我想开发类似于谷歌纬度的smtg,并且我想将成员的坐标保存在数据库中。我希望这个数据库是一个在线数据库。

保存此坐标后,我将制作他们的历史线,成员将看到他们的位置以及他们的历史。

我正在使用 HTML5 和 javascript。这是否可以访问和使用电子表格作为带有或不带有 javascript 的在线数据库。或者我如何使用其他选项(语言和数据库)来完成这个过程。

谢谢你为我做的一切...

更新:

// 我正在使用下面的代码,我想将 enlem 和 boylam 变量保存到电子表格中,并希望之后接收这些数据以在地图上显示我休闲的人的历史。还可以作为跟踪人员应用程序同时供 4 或 5 人使用。是否可以在spreadshhet 上完成这项工作,或者我必须为此使用数据库。

问题是是否有可能用javascript从电子表格发送或接收数据,或者正如tobia所说,我只能用服务器端语言处理这个问题......

谢谢你为我做的一切...

<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>
4

1 回答 1

1

也许我误解了这个问题,但是这种数据处理和存储通常是通过服务器端程序完成的,并且有充分的理由。

如果您的应用程序的所有逻辑,包括安全检查等,都在 javascript 代码中(您的任何用户都可以阅读和修改,只需使用浏览器的开发工具)并且如果数据库只是一个在线电子表格,那么什么会停止恶意用户删除您的整个数据库,或读取其他人的位置,等等?

关键是,您最好使用服务器端语言和数据库技术并以传统方式做事,因为它为各种用户提供了更多的安全性和保护。PHP 和 MySQL 是迄今为止最受欢迎的选择,尽管在我看来还有更好的语言,例如 Ruby 或 Python。


但是,如果您了解安全隐患并仍希望使用 Google 电子表格作为其数据存储来构建交互式应用程序,您将在此处找到有关如何执行此操作的介绍和教程:

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

于 2013-03-15T22:26:38.923 回答