html5如何保存所作的文件,保存HTML5位置信息的文件

保存谷歌地理定位信息的文件,当访问者点击“接受我的位置的检测”

输出谷歌地图网址与信息

#tripmeter {

border: 0px double black;

padding: 0px;

margin: 0px 0;

}

p {

color: #222;

font: 14px Arial;

}

span {

color: #00C;

}

Starting Location (lat, lon):

???°, ???°

Current Location (lat, lon):

???°, ???°

Distance from starting location:

0 km

window.onload = function() {

var startPos;

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition(function(position) {

startPos = position;

document.getElementById("startLat").innerHTML = startPos.coords.latitude;

document.getElementById("startLon").innerHTML = startPos.coords.longitude;

}, function(error) {

alert("Error occurred. Error code: " + error.code);

// error.code can be:

// 0: unknown error

// 1: permission denied

// 2: position unavailable (error response from locaton provider)

// 3: timed out

});

navigator.geolocation.watchPosition(function(position) {

document.getElementById("currentLat").innerHTML = position.coords.latitude;

document.getElementById("currentLon").innerHTML = position.coords.longitude;

document.getElementById("distance").innerHTML =

calculateDistance(startPos.coords.latitude, startPos.coords.longitude,

position.coords.latitude, position.coords.longitude);

});

}

};

// Reused code - copyright Moveable Type Scripts - retrieved May 4, 2010.

// http://www.movable-type.co.uk/scripts/latlong.html

// Under Creative Commons License http://creativecommons.org/licenses/by/3.0/

function calculateDistance(lat1, lon1, lat2, lon2) {

var R = 6371; // km

var dLat = (lat2-lat1).toRad();

var dLon = (lon2-lon1).toRad();

var a = Math.sin(dLat/2) * Math.sin(dLat/2) +

Math.cos(lat1.toRad()) * Math.cos(lat2.toRad()) *

Math.sin(dLon/2) * Math.sin(dLon/2);

var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));

var d = R * c;

return d;

}

Number.prototype.toRad = function() {

return this * Math.PI/180;

}

Detection Location..

function initialize(coords) {

var latlng = new google.maps.LatLng(coords.latitude, coords.longitude);

var myOptions = {

zoom: 8,

center: latlng,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var map = new google.maps.Map(document.getElementById("pos"), myOptions);

var marker = new google.maps.Marker({

position: latlng,

map: map,

title: "You"

});

}

navigator.geolocation.getCurrentPosition(function(position){

initialize(position.coords);

}, function(){

document.getElementById('pos').innerHTML = 'Failed to detect Location.';

});

$dns = gethostbyaddr($_SERVER['REMOTE_ADDR']);

$ip = $_SERVER['REMOTE_ADDR'];

$rand2 = time();

$port= htmlspecialchars(

$_SERVER['REMOTE_PORT']);

$browser= htmlspecialchars(

$_SERVER['HTTP_USER_AGENT']);

$ausgabe="• I WANT TO SAVE THE GOOGLE MAPS URL WITH THE DETECTED LOCATION •";

$datum=date("d.m.Y, H:i:s");

$array = file("location.log"); // Datei in ein Array einlesen

array_unshift($array, "".$datum." ".$ausgabe."\n");

$string = implode("", $array);

file_put_contents("location.log", $string);

?>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值