私は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>