Devil Killer Is Here MiNi Shell

MiNi SheLL

Current Path : /hermes/bosnacweb04/bosnacweb04ac/b1072/ipg.liuyuan7592410/wb_ecom/test/

Linux boscustweb5003.eigbox.net 5.4.91 #1 SMP Wed Jan 20 18:10:28 EST 2021 x86_64

Current File : /hermes/bosnacweb04/bosnacweb04ac/b1072/ipg.liuyuan7592410/wb_ecom/test/test11.php

<?PHP 
	/*必须以https访问才可以获取客户端的地址，如果以http访问，不允许访问geolocation信息。*/
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <!--下面我们添加一个meta标签，以便使您的页面更好的在移动平台上展示。-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>JS获取当前地理位置的方法</title>
    <script src="../js/vendor/jquery-3.2.1.min.js"></script>
</head>
 
<body>
<!--可以自己定义body体内容-->

<button id = "find-me">Show my location</button><br/>
<p id = "status"></p>
<div id="content">liuyuan</div>
<a id = "map-link" target="_blank"></a>


<script type="text/javascript">

var PI = Math.PI;
var EARTH_RADIUS = 6378137.0;

var lat1 = 43.8612039;
var lng1 = -79.3204718;

function getRad(d){
  return d*PI/180.0;
}

function converLatToDMS(num){
	num = num % 180;
	let sur_fix = (num>0)?"N":"S";
	return convertToDMS(Math.abs(num))+sur_fix;
}

function converLngToDMS(num){
	num = num % 180;
	let sur_fix = (num>0)?"E":"W";
	return convertToDMS(Math.abs(num))+sur_fix;
}

function convertToDMS(num){
	num = parseFloat(num);
	let degree = parseInt(num);
	let min = parseInt((num-degree)*60);
	let sec = parseFloat((num-degree-min/60)*3600).toFixed(2);
	return degree+"°"+min+"'"+sec+"\"";
}

function getFlatternDistance(lat1,lng1,lat2,lng2){
	var f = getRad((lat1 + lat2)/2);
	var g = getRad((lat1 - lat2)/2);
	var l = getRad((lng1 - lng2)/2);

	var sg = Math.sin(g);
	var sl = Math.sin(l);
	var sf = Math.sin(f);

	var s,c,w,r,d,h1,h2;

	var a = EARTH_RADIUS;
	var fl = 1/298.257;    

	sg = sg*sg;
	sl = sl*sl;
	sf = sf*sf;
	s = sg*(1-sl) + (1-sf)*sl;
	c = (1-sg)*(1-sl) + sf*sl;

	w = Math.atan(Math.sqrt(s/c));
	r = Math.sqrt(s*c)/w;

	d = 2*w*a;
	h1 = (3*r -1)/2/c;
	h2 = (3*r +1)/2/s;
	return d*(1 + fl*(h1*sf*(1-sg) - h2*(1-sf)*sg));
}

function geoFindMe() {

  const status = document.querySelector('#status');
  const mapLink = document.querySelector('#map-link');

  mapLink.href = '';
  mapLink.textContent = '';

  function success(position) {
    const latitude  = position.coords.latitude;
    const longitude = position.coords.longitude;

    status.textContent = '';
    mapLink.href = `https://www.google.com/maps/place/`+converLatToDMS(lat1)+"+"+converLngToDMS(lng1)+`/@${lat1},${lng1},15z`;
    let textContent = `<div>当前位置纬度: ${latitude} °, 经度: ${longitude} °</div>`;

    var distance = getFlatternDistance();
    mapLink.textContent = "打开地图查看目的地位置";
    $("#content").html(textContent+"<div>距离家距离是:"+getFlatternDistance(lat1,lng1,latitude,longitude).toFixed(2)+"米</div>");
  }

  function error() {
    status.textContent = 'Unable to retrieve your location';
  }

  if(!navigator.geolocation) {
    status.textContent = 'Geolocation is not supported by your browser';
  } else {
    status.textContent = 'Locating…';
    navigator.geolocation.getCurrentPosition(success, error);
  }

}

$(function(){
	$("#find-me").on("click",geoFindMe);

});

</script>


</body>

</html>

Creat By MiNi SheLL
Email: devilkiller@gmail.com