html 5 之定位 getCurrentPosition() 以及拖拉 方式

拖放:
通过调用 ondragover 事件的 event.preventDefault() 方法:

event.preventDefault()
function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
}

定位:
getCurrentPosition() 该函数可以获取用户当前位置,括号内跟两个参数,第一个为成功时调用得事件,第二个为失败时得参数
*navigator.geolocation.*getCurrentPosition(showPosition);斜体为地理定位对象
失败时会用三种状态.PERMISSION_DENIED 、.POSITION_UNAVAILABLE、.TIMEOUT
Permission denied - 用户不允许地理定位
Position unavailable - 无法获取当前位置
Timeout - 操作超时

若成功,则 getCurrentPosition() 方法返回对象。始终会返回 latitude、longitude 以及 accuracy 属性。如果可用,则会返回其他下面的属性。

属性 描述
coords.latitude 十进制数的纬度
coords.longitude 十进制数的经度
coords.accuracy 位置精度
coords.altitude 海拔,海平面以上以米计
coords.altitudeAccuracy 位置的海拔精度
coords.heading 方向,从正北开始以度计
coords.speed 速度,以米/每秒计
timestamp 响应的日期/时间

Geolocation 对象 - 其他有趣的方法
watchPosition() - 返回用户的当前位置,并继续返回用户移动时的更新位置(就像汽车上的 GPS)。

clearWatch() - 停止 watchPosition() 方法

你可能感兴趣的:(h5)