`
xiaofengyu
  • 浏览: 49152 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

HTML5 学习之地理定位

阅读更多
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地理位置定位功能.zip

    HTML5是现代网页开发的重要标准,它引入了许多新特性,其中地理位置定位功能是其中之一,极大地丰富了Web应用程序的交互性和实用性。这个“html5地理位置定位功能.zip”压缩包包含了一个名为“11.html5地理位置定位...

    HTML5.rar_Table_html5_html5地图_地理位置

    总的来说,这个压缩包中的例子涵盖了HTML5的表格、地理定位和CSS3渐变等重要特性,是学习和实践HTML5开发的好素材。通过深入理解和应用这些知识,开发者可以创建出更具吸引力和实用性的网页应用。

    Android使用_HTML_5地理定位_API.pptx

    HTML5地理定位技术是一种让网页应用能够访问用户设备地理位置信息的标准API。该技术允许开发者利用内置或附加的GPS模块获取用户的精确位置,进而提供个性化服务。在Android平台上结合HTML5地理定位API进行开发,可以...

    使用 HTML 5 创建移动 Web 应用程序,第 1 部分: 联合使用 HTML 5、地理定位 API 和 Web 服务来创建移动混搭程序

    这篇博客文章"使用HTML 5创建移动Web应用程序,第1部分:联合使用HTML 5、地理定位API和Web服务来创建移动混搭程序"探讨了如何利用HTML5的新特性,特别是地理定位API,结合Web服务,来打造具有定位功能的移动应用。...

    HTML 5学习资料

    6. Geolocation定位:HTML5的Geolocation API提供获取用户地理位置的能力,为开发地理位置相关的应用提供了便利。 7. Web Workers和Web Storage:Web Workers用于在后台线程执行耗时任务,避免阻塞主线程;Web ...

    html5学习文档

    HTML5的Geolocation API允许获取设备的地理位置信息,用于实现基于位置的服务。 十、WebSockets实时通信 WebSockets提供双向通信协议,使得服务器和客户端能实时交换数据,实现聊天、直播等应用。 通过这个HTML5...

    HTML5学习资料

    7. **Geolocation API**:HTML5的地理定位API允许网页获取用户的地理位置信息,为开发基于位置的应用提供了可能。 8. **WebRTC**:这是一种实时通信技术,支持浏览器之间的音频、视频通信,无需任何插件。 9. **...

    Html5学习资料总结

    7. **Geolocation定位**:HTML5的Geolocation API使得网页可以获取用户的地理位置信息,为地图应用和其他基于位置的服务提供了便利。 8. **表单控件增强**:HTML5对表单元素进行了升级,添加了新的输入类型(如...

    html5学习资料

    6. **Geolocation定位服务**:通过获取用户的地理位置信息,开发位置感知的应用。 7. **Web Workers和Web Storage**:Web Workers允许多线程处理,提升后台计算性能;Web Storage(包括localStorage和...

    html5定位实例资源

    HTML5的定位功能主要由Geolocation API提供,它允许网页应用程序获取用户的地理位置信息,从而实现更加个性化的服务和体验。 首先,我们要了解Geolocation API的基本使用。在HTML5中,获取用户位置通常是通过...

    HTML离线应用城西获取地理位置PPT

    有关HTML5地理位置的学习,通过这个ppt,你可以很快的了解到html5最新的一些知识,地图,定位等都能够在这个里面学习到。

    html5中文学习手册

    - **Geolocation**:获取用户地理位置信息,为地理位置相关的应用提供便利。 - **Audio/Video**:内建音频/视频播放功能,简化多媒体元素的处理。 2. **结构元素的强化** - **Semantic Elements**:如, , , , 等...

    HTML5学习漫画html5 now.pdf

    7. Geolocation:HTML5的Geolocation API允许网页获取用户的地理位置信息,为开发地理定位应用提供了便利。 8. WebSocket:HTML5的WebSocket协议实现了双向通信,使得服务器和客户端可以实时交换数据,为实时应用...

    HTML5学习源代码

    在HTML5的学习中,你将接触到Geolocation API,它允许获取用户的地理位置信息;WebSocket协议,用于创建持久的双向通信通道;以及Web Audio API,可以用来处理和播放音频。此外,表单控件也得到了增强,例如`...

    HTML5地理位置

    HTML5地理位置是现代Web开发中的一个...学习和理解HTML5地理位置API是现代Web开发者的必备技能,它可以帮助你创建更加智能和互动的网页应用,提升用户体验。同时,了解如何正确处理用户隐私和错误情况也是至关重要的。

    html5定位代码

    HTML5定位技术是现代网页开发中的一个重要特性...通过学习和实践这个压缩包中的代码,你可以更好地理解和掌握HTML5的地理位置定位功能,提升你的Web开发技能。同时,也要注意遵循最佳实践,确保用户隐私得到妥善保护。

    html 学习资料 html 5 学习手册

    6. **地理定位**:通过Geolocation API,HTML5允许网页获取用户的地理位置信息,为开发基于位置的服务提供了便利。 7. **增强的表单控件**:HTML5为表单添加了新类型的输入字段,如色选择器、日期选择器、电子邮件...

    html5打包的学习资料

    3. Geolocation:HTML5的地理位置API允许获取用户的地理位置信息,为地图应用和其他定位服务提供便利。 4. Web Workers和Web Sockets:Web Workers可以实现后台多线程处理,提高网页性能;Web Sockets则提供了双向...

    html5谷歌地图定位源码

    HTML5谷歌地图定位源码是基于HTML5的Geolocation API和Google Maps JavaScript API实现的,它允许用户在网页上查看并定位他们的当前地理位置。这个技术的运用极大地提升了用户体验,特别是对于那些需要提供地理位置...

Global site tag (gtag.js) - Google Analytics