html5关于定位功能的实现

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>

<html>

<head>

<!--meta name="format-detection" content="telephone=no"/>

function getUserLocation(){

//check if the geolocation object is supported,if so get position

if(navigator.geolocation)

navigator.geolocation.getCurrentPosition(displayLocation,displayError);

else

document.getElementById("locationData").innerHTML="Sorry-your browser doesn't support geolocation !";

}

function displayLocation(position){

$.post('process.php','latitude=' + position.coords.latitude + '&longitude=' + position.coords.longitude,function(d){

console.log(d);

var arr = JSON.parse(d);

//alert(arr[0].name);

var x;

for (x in arr)

{

document.write('id:'+ arr[x].id + ' 店名：'+arr[x].name + ' 距离'+arr[x].distance + ' 地址'+arr[x].address + "<br />")

}

//document.getElementById("locationData").innerHTML=arr;

});

}

function displayError(error) {

//get a reference to the HTML element forwriting result

var locationElement =$("locationData");

//find out which error we have, output message accordingly

switch(error.code) {

case error.PERMISSION_DENIED:

locationElement.innerHTML= "Permission was denied";

break;

case error.POSITION_UNAVAILABLE:

locationElement.innerHTML= "Location data not available";

break;

case error.TIMEOUT:

locationElement.innerHTML= "Location request timeout";

break;

case error.UNKNOWN_ERROR:

locationElement.innerHTML= "An unspecified error occurred";

break;

default:

locationElement.innerHTML= "Who knows what happened…";

break;

}

</script>

</head>

<body>

Location data here

</div>

</body>

</html>

<?php

/**

* 后台处理

* 附近分店 API For 麦当劳

header('Content-Type: application/json; charset=utf-8');

require "config.php";

require "android_get_mkq_shop_controller.php";

$latitude = $_REQUEST['latitude']; //维度

//$latitude = 39.90403; //维度

$longitude = $_REQUEST['longitude']; //经度

//$longitude = 116.4075; //经度

$data = get_mkq_shop($latitude,$longitude);

$memcache = new Memcache;

if ($memcache->connect('localhost', 11211) && USE_MEMCACHE) {

$memcache_key = 'android_mkq_get_mkq_shop'.$latitude.'_'.$longitude;

if (!$data = $memcache->get($memcache_key)) {

$data = get_mkq_shop($latitude,$longitude);

$memcache->set($memcache_key,$data,false,900); // cache time 15 mins

}

}else{

$data = get_mkq_shop($latitude,$longitude);

}

echo json_encode($data);

转载于:https://my.oschina.net/604388847/blog/338727

html5关于定位功能的实现相关推荐

html5 判断获取定位,HTML5利用Geolocation API获取地理位置定位功能
如何使用html5地理位置定位功能定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的现代浏览器上运行,特别是手持设备如iphone,地理定位更加精确.首先我们要检测用 ...
html地图定位系统原理代码,利用HTML5定位功能实现在百度地图上定位
利用HTML5定位功能,实现在百度地图上定位代码如下: HTML5定位 *{ margin: 0px; padding: 0px;} body{text-align: center; height ...
运动轨迹绘制页面的设计与实现：仿照运动APP的轨迹记录功能将HTML5地理定位技术用于移动设备，实现地图显示与用户打车从起点到终点的运动轨迹绘制效果。
随着人们对健康意识的提高,各类运动软件也逐渐流行.由于手机方便携带,又自带GPS定位功能,因此APP成为用户的首选.例如咕咚.益动等.这些软件都具有类似的一个功能模块,就是在电子地图上跟踪记录用户跑步 ...
html浏览位置坐标,HTML5教程 | HTML5地理定位（GeoLocation API）
HTML5 GeoLocation API(地理定位API)可以获取用户所在的地理位置.由于安全的原因,在使用HTML5 GeoLocation的时候,会弹出对话框让用户决定是否共享他们所在的位置,只 ...
小强的HTML5移动开发之路（18）——HTML5地理定位
来自:http://blog.csdn.net/dawanganban/article/details/18192091 在前面的<小强的HTML5移动开发之路(2)--HTML5的新特性> ...
HTML5 地理位置定位（HTML5 Geolocation）原理及应用（调用GPS）
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个 ...
html5 定位计算距离,HTML5 地理定位+地图 API：计算用户到商家的距离
背景最近在做一个类似支付宝口碑商家的功能模块,其中有个功能就是计算出用户与商家的距离,如下图: 支付宝口碑商家页面截图思路分析 1.商家选取店铺地址,将坐标经纬度存入数据库: 2.移动端定位当前用 ...
html定位的实例,H5案例分享：基于浏览器的HTML5地理定位
基于浏览器的HTML5地理定位地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML ...
html5经纬度定位源码_基于浏览器的HTML5地理定位
地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理和一个 ...

html5关于定位功能的实现

html5关于定位功能的实现相关推荐

最新文章

热门文章