HTML5地理定位实例
旨在分享HTML5获取地理定位的方法,供读者参考。以下是具体的实现方法:
我们来看HTML5获取坐标的代码。代码如下所示:
var x = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
xnerHTML = "浏览器不支持!";
}
}
function showPosition(position) {
xnerHTML = "纬度:" + position.coords.latitude + "
经度:" + position.coords.longitude;
}
经过测试,该代码在IE9、Firefox、Chrome和Opera等浏览器上都可以成功获取到坐标位置。在Safari 5.x上却无法返回坐标,目前尚未找到原因。在成功的案例中,Chrome的响应速度最快,其次是Opera,然后是IE9。令人意外的是,Firefox的响应速度最慢,这让一些使用者感到失望。Chrome的表现越来越出色,值得称赞。
这篇文章所介绍的方法对于HTML5程序设计爱好者来说是非常有帮助的。通过掌握HTML5获取地理定位的技术,你可以在网页中添加更多交互性和实用功能。希望能对大家在HTML5开发过程中获取用户地理位置信息提供一定的指导和启示。随着技术的不断发展,HTML5将会带来更多的创新和突破,让我们共同期待并更多可能性吧!
seo推广
- 状告苹果预装软件不可删 用户一审败诉二审再开
- CSS 清除浮动方法大全
- php+mysql5半自动注入工具图文教程
- css 使用relative设置top为百分比值的方法(仿百度首
- ai怎么设计圣诞节装饰素材-
- HTML5在线预览PDF的示例代码
- ThinkPad T460值得买吗?联想ThinkPad T460全面深度评测
- Linux环境下MySQL服务器优化的方法详解
- 电脑蓝屏的原因和解决方法
- 基于Http Header的SQL注入的方法详解
- 浅谈css动画是否会被js阻塞
- 五把技术利剑决胜智能穿戴产业
- css3 flex布局 justify-content-space-between 最后一行左对
- 罗技G102鼠标左键单击变双击怎么办-
- 红米Note 2获入网许可 或售799元
- 8个拍摄长曝相片的必需器材详情介绍