`

h5 -> 获得本地位置

 
阅读更多

 

 

<div id="location" style="display:none">未知区域</div>
<script>

var x=document.getElementById("location");
function getLocation()
{
	if (navigator.geolocation)
	{
		navigator.geolocation.getCurrentPosition(showPosition);
	}
	else{
		x.innerHTML="未知区域";
	}
}
function showPosition(position)
{

  var latlon = position.coords.latitude+','+position.coords.longitude; 
    
  //baidu 
  var url = "http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b&callback=renderReverse&location="+latlon+"&output=json&pois=0"; 
  $.ajax({ 
    type: "GET", 
    dataType: "jsonp", 
    url: url, 
    beforeSend: function(){ 
      x.innerHTML = '未知区域'; 
    }, 
    success: function (json) { 
      if(json.status==0){ 
		x.innerHTML = json.result.formatted_address; 
      } 
    }, 
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
      x.innerHTML = '未知区域'; 
    } 
  }); 
 

}
$(document).ready(function(){
	getLocation();
	setTimeout(function(){
		var locations = $('#location').html();
		location.href="http://xxx.com/?location="+locations;
	},4000);
});
</script>

 

分享到:
评论

相关推荐

    PHP微信支付WxPayPubHelper

    $this-&gt;response = $this-&gt;postXmlSSLCurl($xml,$this-&gt;url,$this-&gt;curl_timeout); return $this-&gt;response; } /** * 作用:获取结果,默认不使用证书 */ function getResult() { $this-&gt;postXml(); $...

    H5微网站模板巴士手机版模板 安装说明文档.zip

    4. 上传模板:在后台找到“界面” -&gt; “模板” -&gt; “本地上传”,选择刚刚解压的模板文件夹进行上传。 5. 激活模板:上传成功后,回到模板管理界面,找到"H5微网站模板巴士手机版模板",点击“设为默认”完成激活。 ...

    将本地图片(h5页面)映射到页面访问地址

    在H5页面中,将本地图片映射到页面访问地址是一项常见的需求,这涉及到前端开发中的资源加载、路径处理和网络请求等方面的知识。下面将详细解释这个过程,并提供相关的实现方法。 1. 图片资源的引入 在HTML中,我们...

    单文件HTML本地引入elementUI

    -- 如果尚未引入Vue --&gt; &lt;script src="path/to/element-ui.js"&gt;&lt;/script&gt; ``` 同样,确保`src`属性指向正确的位置。由于ElementUI是基于Vue.js构建的,所以在此之前,你需要先引入Vue.js。 3. **注册组件**:引入库...

    H5腾讯地图选择位置组件

    在H5应用开发中,腾讯地图选择位置组件是一种常见的功能,它允许用户在地图上选择一个具体的地理位置,并将其坐标信息用于应用的各种用途,如导航、定位、数据分析等。本组件通常与JavaScript SDK结合使用,为开发者...

    H5获取IP和定位的两个例子.rar

    这两个例子在实际项目中非常实用,比如用于个性化推荐、本地化服务、或者实现基于位置的社交功能等。然而,需要注意的是,获取用户IP和位置信息都涉及到用户隐私,因此在使用这些功能时必须遵循相关法律法规,确保...

    汇川H5U系列PLC编程与应用手册-中文版.pdf

    手册还介绍了H5U系列PLC的系统应用架构,包括电源连接、本地通信扩展以及一站式解决方案。在PLC工作模式切换和在线修改程序方面,手册也提供了详细的操作指导。 此外,手册还深入讲解了编程基础知识,包括软元件的...

    H5标签基础

    JavaScript开发在HTML5中也得到了增强,新的API如Web Storage(localStorage和sessionStorage)提供了本地数据存储,Web Workers允许后台处理以提高性能,WebSocket实现了双向实时通信,Geolocation API获取用户位置...

    h5_preview_document-master.zip

    在“h5_preview_document”项目中,这些功能已经得到了实现,用户可以根据需求进行自定义配置。 5. **跨平台兼容性**: 虽然H5在现代浏览器中支持良好,但在旧版浏览器或者移动设备上可能存在兼容性问题。因此,...

    webrtc实现h5播放rtsp流

    这包括指定ice服务器(用于NAT穿透)和本地媒体源(如果需要)。然后,我们需要处理信令流程,即交换SDP和ICE信息,以建立连接。当连接建立后,我们可以将服务器发送的RTP数据流添加到PeerConnection中,从而实现在...

    一汽D-Partner系统使用手册

    - **位置**:通常位于易于操作的位置,确保清晰捕捉声音。 **1.7 SD卡插槽** - **功能**:支持外接存储设备,扩展存储空间。 - **使用场景**:存储音乐、视频等多媒体文件。 **1.8 USB接口** - **用途**:连接...

    仿照手机相机做的一个H5端自定义相机

    h5端的一个自定义手机拍照,不是直接全屏调用手机里自带的照相机,用户可以直接用getUserMedia获得摄像头提供的视频流。 调取本地视频或音频设备的接口,出于安全的考虑,只能在localhost或者https下使用

    手机H5每日签到,pc端签到页面

    在IT行业中,手机H5每日签到和PC端签到页面是常见的用户互动功能,尤其在移动互联网应用和企业内部管理系统中广泛使用。H5,全称HTML5,是一种超文本标记语言,它增强了网页的交互性和多媒体支持,使得创建动态、富...

    最新1000套H5模板

    6. **地理位置API**:通过Geolocation API,开发者可以获取用户的地理位置信息,为用户提供更加个性化的服务。 ### 模板应用场景 1. **企业宣传页**:适用于公司介绍、产品推广等场景,通常包含精美的视觉设计和...

    H5在线商店效果

    5. **Geolocation API**:通过地理定位功能,商店可以提供基于位置的服务,如本地化促销,吸引附近的潜在顾客。 6. **WebSocket实时通信**:实时库存更新、在线客服聊天等功能都可以通过WebSocket实现,提供更流畅...

    水果忍者源码H5

    这款游戏在移动设备和平板电脑上非常流行,玩家通过切水果来得分,避免炸弹以获得高分。源码揭示了游戏背后的编程逻辑、交互设计以及动画效果的实现。 【描述】"可以直接运行"意味着这个源码是完整的,包含了所有...

    android native+h5 demo

    2. **加载H5页面**:通过调用WebView的`loadUrl()`方法,可以加载本地或网络上的HTML文件。在"HelloNativeH5"中,可能有一个HTML文件作为示例H5页面。 3. **JSBridge**:为了实现原生代码与H5之间的通信,通常会...

    H5游戏5元夺宝源码 带搭建教程

    5元夺宝游戏的基本规则是:玩家支付5元购买一个“夺宝号码”,当所有号码售出后,系统根据特定算法(通常为公平的随机数生成)选取一名幸运玩家,该玩家即获得奖品。这种模式结合了娱乐与抽奖元素,使得游戏具有很高...

    h5炫酷登录页面

    【H5炫酷登录页面详解】 H5炫酷登录页面是一种采用HTML5技术构建的具有视觉吸引力和交互体验良好的登录界面。HTML5是超文本标记语言的第五个版本,它在传统的HTML基础上增加了许多新的元素、属性和API,使得网页...

Global site tag (gtag.js) - Google Analytics