html5 获取坐标：
<!DOCTYPE HTML>
<html>
<head>
<title>test1.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<div id="demo">点击这个按钮，获得您的坐标：</div>
<button onclick="getLocation()">试一下</button>
<script type="text/javascript">
var x=document.getElementById("demo");
function getLocation(){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
x.innerHTML="浏览器不支持！！！";
}
}
function showPosition(position){
x.innerHTML="Latitude: "+position.coords.latitude+"<br/>Longitude: "+position.coords.longitude;
}
</script>
</body>
</html>
经测试，在IE9 、firefox、chrome、opera上都可以成功获取到坐标位置，但是safari 5.x上却不能返回坐标，暂时木有找到原因。成功的案例里头，chrome响应的速度最快，其次是opera，然后是IE9，firefox居然是最慢的。个人表示对firefox很失望，不过chrome倒是越来棒了。
分享到：
相关推荐
有关HTML5地理位置的学习，通过这个ppt，你可以很快的了解到html5最新的一些知识，地图，定位等都能够在这个里面学习到。
HTML5程序设计-3期（KC014） 单元设计_单元6 HTML5地理定位.doc 学习资料 复习资料 教学资源
前言：看到了很多技术大牛和相关博客，很少关于HTML5的地理定位的描述，...一、HTML5的新特性–地理定位既然地理定位是HTML5的新特性，那么我们也是要学习和掌握相关的API和学会如何去使用地理定位的先了解一下常识 一
地理定位视频教程（英语） ===2：书籍教程资料 + 源代码=== 01《HTML5高级程序设计》完整PDF版本（含范例及代码）独家.zip 02《HTML5揭秘》高清PDF版本——（中英双语版）独家.zip 03《HTML5与CSS3权威指南》高清...
《html5与css3实战指南》由11章和3个附录组成，内容包括html5和css3简介、html5标记、html5语义、html5表单、html5音频和视频、css3渐变和多背景、css转换和过渡、嵌入字体和多列布局、地理定位、离线web应用和web...
学习体验HTML5带给Web开发的便捷、快速和强大功能，是每一位Web设计和开发人员的当务之急。 本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造，为读者清晰解读了HTML5规范的缘由、发展和现状，...
本书面向有一定经验的web 应用开发人员，对html5 及未来web 应用技术发展抱有浓厚兴趣的读者也可以学习参考。 第1章 html5概述 1 1.1 html5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发html5 3 1.4 新的...
学习体验HTML5带给Web开发的便捷、快速和强大功能，是每一位Web设计和开发人员的当务之急。 本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造，为读者清晰解读了HTML5规范的缘由、发展和现状，...
本小菜刚开始学习HTML5，现在对其中的Geolocation颇感兴趣，结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤：获取当前地理位置、调用Google Map API获取当前位置信息
在HTML5中，加入了新的地理位置API用来确定和分享地理位置。这一类服务就是企业利用某点(例如用户所在的位置)坐标附近的区域提供服务的信息，比如常见的地图相关服务,本文详细介绍下，感兴趣的朋友可以了解下，或许...
当然，你肯定希望使用最新的HTML5技术来完成，比如地理定位、视频、2D绘制、Web存储、Web工作线程等，是不是？《Head First HTML5 Programming(中文版)》就是你的车票，拿到这张车票，你就能轻松地学习如何使用当前...
学习体验HTML5带给Web开发的便捷、快速和强大功能，是每一位Web设计和开发人员的当务之急。 本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造，为读者清晰解读了HTML5规范的缘由、发展和现状，...
《精通HTML5 + CSS3+JavaScript网页设计》内容主要包括CSS3的基本语法和概念，设置文字、段落、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS3滤镜的应用。...第20章 地理定位、离线Wed应用和Web存储
第7章 Geolocation地理定位 74 第8章 轻量级框架jQuery Mobile初探 79 第9章 重量级富框架Sencha Touch入门 187 第10章 跨平台的PhoneGap应用介绍 273 第11章 构建基于HTML5的生活轨迹Web App 337 第12章 进阶之路 ...
《深入HTML5编程(第 2版)》面向有一定经验的Web应用开发人员，对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。 第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发...
本书分为三部分，*部分是介绍HTML5的移动端布局和不同平台下Node.js和Cordova的环境搭建，第二部分介绍Cordova的常用核心API，包含了事件处理，地理位置，Web存储，多媒体等等。第三部分介绍了HTML5高级API中的几个...