我是 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>