爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
HTML教程
HTML5一步一步走——地质应用(六)
HTML5一步一步走——地质应用(六)
日期:2014-05-17 浏览次数:21250 次
HTML5一步一步走——地理应用(六)
地理信息应用获取自己的位置:
function $(id) { return document.getElementById(id); } window.onload = function() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( function(pos) { $("lat").innerHTML = pos.coords.latitude;//纬度 $("lon").innerHTML = pos.coords.longitude;//经度 $("alt").innerHTML = pos.coords.altitude;//高度 $("accuracy").innerHTML = pos.coords.accuracy; $("altitudeAccuracy").innerHTML = pos.coords.altitudeAccuracy; $("heading").innerHTML = pos.coords.heading; $("speed").innerHTML = pos.coords.speed; $("timestamp").innerHTML = pos.timestamp; // $("status").innerHTML = JSON.stringify(pos); }, function() {}, {enableHighAccuracy:true, maximumAge:600000} ); } else { $("status").innerHTML = 'No Geolocation support for your Browser'; } }
上一篇: 说说标准系列目录
下一篇: GameSalad是html5游戏的搅局者吗?瞥中国式游戏
免责声明:
本文仅代表作者个人观点,与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关资料
更多>
TextView中怎么支持html标签,放置图片和动作标签
怎样通过外部标签使链接文字变红色?该如何处理
css和html样式的分类与调用(,举个例子呗)
超链接相关效果
jquery+css 打造菜单
ul中li的有关问题
HTML中小meta的大作用
HTML表格标志教程(32):单元格的水平对齐属性ALIGN
HTML表格标志教程(12):边框样式属性FRAME
推荐阅读
更多>
谷歌可以下载服务器文件,火狐狸却不行,标题长长长.
html学习解决思路
保存htm文件,打开占很多CPU有关问题
配备服务器支持shtml
一个喊tb的table,有n行m列,每行里面有m个td,现在点击了一个id叫stid的格子,能不能求出这是第几列第几行
玩转html5(1)-盘点html5新增的那些酷酷的input类型和属性
蓝色露水请大家指教一个关于论坛顶部banner的有关问题
请大家一个简单的css有关问题
!inportant是什么意思呀解决方法
css3兑现的一些灰色的导航条按钮
word打开html中 显示有关问题
HTML5教程:HTML 5 规范属性
HTML表格标志教程(15):表格的标题
假设你想做Web2.0网站应该留意这些效果
让访客记住网站的三段适用代码
简单的iframe有关问题,(不知道如何上图)
HTML根本教程
表格TD被自动撑大,该怎么处理
<meta name="viewport" content="width=device-width, initial-scale=1.0">
chrome,safari,firefox,ie6.ie7,ie8,ie9各浏览器CSS Hack小结