`

微信浏览器内用H5获取手机位置

阅读更多
这段代码是从网上抄的,唯一需要注意的是页面必须部署在Https网站下,否则Android手机可能由于安全原因定位失败。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=*******"></script>

<title>百度地图的定位</title>
</head>
<body>
    <div id="allmap" style="width: 100%;height: 500px;"></div>

	
<script type="text/javascript">

    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(108.95,34.27);
    map.centerAndZoom(point,12);

    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){console.log(r.point)
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
            var mk = new BMap.Marker(r.point);
            map.addOverlay(mk);//标出所在地
            map.panTo(r.point);//地图中心移动
            //alert('您的位置:'+r.point.lng+','+r.point.lat);
            var point = new BMap.Point(r.point.lng,r.point.lat);//用所定位的经纬度查找所在地省市街道等信息
            var gc = new BMap.Geocoder();
            gc.getLocation(point, function(rs){
               var addComp = rs.addressComponents; console.log(rs.address);//地址信息
               alert(rs.address);//弹出所在地址

            });
        }else {
            alert('failed'+this.getStatus());
        }        
    },{enableHighAccuracy: true})
</script>


</body>
</html>
分享到:
评论

相关推荐

    wap端微信h5支付,用于非微信浏览器

    特别是在非微信环境中,如手机上的非微信浏览器,这种支付方式显得尤为重要。本文将详细介绍“wap端微信H5支付”的实现原理、流程以及PHP版本的Demo应用。 1. **微信H5支付概述** 微信H5支付是微信支付推出的一种...

    H5外部浏览器直接调起微信手机网站调用微信分享

    H5外部浏览器直接调起微信 tml5手机网站调用微信分享,其中示例包括 1. 获取网络类型 2. 调起客户端的图片播放组件 3. 调用微信扫描二维码 4. 判断是否安装对应的应用 5. 发送邮件 6. 分享到微信朋友圈

    手机浏览器调用微信H5支付源码

    微信H5支付是一种在移动设备上进行在线交易的支付方式,尤其适用于手机浏览器环境。它允许用户通过微信应用内或微信内置浏览器直接完成支付流程,无需跳转到其他支付平台,提高了用户体验。以下是对这套手机浏览器...

    H5 Video标签调用摄像头进行录像,兼容苹果、安卓系统、可在微信浏览器正常使用

    总结,实现H5 Video标签调用摄像头录像并兼容苹果、安卓系统以及微信浏览器,主要涉及HTML5 `&lt;video&gt;`标签、MediaStream Recording API、JavaScript编程以及微信JS-SDK的使用。通过这些技术,我们可以创建出一个跨...

    微信跳转到默认浏览器下载app.zip

    在使用微信跳转功能时,要遵循微信开放平台的使用规范,确保所有的跳转行为符合政策要求,避免因违规导致应用被封禁。 5. **兼容性考虑**: 虽然此方法适用于大多数现代智能手机,但不同操作系统(如Android、iOS...

    js判断浏览器的环境(pc端,移动端,还是微信浏览器)

    这涉及到检测当前用户是通过PC端、移动端还是微信浏览器访问网站。通过不同的环境来调整网站的布局、功能或是用户体验,对于Web开发而言尤为重要。本文将详细介绍如何使用JS来判断浏览器环境,并提供一些示例代码供...

    苹果浏览器微信底部返回栏显示/隐藏的问题

    此段js代码完美解决 ; (function () { try { isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (fn.isIOS) { // window.history.pushState({}, title, #);... document.addEventListener...

    微信答题小小游戏h5源码

    开发微信小游戏H5,通常会使用微信官方提供的开发者工具,该工具集成了编译、调试、预览等功能,方便开发者进行代码编写和测试。此外,还可以选择一些流行的H5游戏框架,如Cocos Creator、Egret Wing等,它们提供了...

    微信H5支付修改下配置(APPID、商户号等)即可使用

    微信H5支付,微信浏览器支付,微信支付 1, 修改wxpay.php文件的参数 define('APPID','APPID'); define('APIKEY','商户安全密钥'); define('MCH_ID','商户ID'); define('NOTIFY_URL','http://你的域名/return_url....

    H5微信支付完整demo php版

    3. **生成H5支付链接**:前端获取到签名后,结合其他必要参数生成H5支付链接,展示给用户,用户点击后跳转至微信支付页面。 4. **微信支付页面**:用户在微信内置浏览器中完成支付操作,确认支付信息并输入支付密码...

    微信跳转到浏览器下载APP实现代码

    在移动互联网时代,微信作为一款超级App,拥有庞大的用户群体,很多开发者希望能在微信内部实现跳转到外部浏览器下载自己的应用程序。本知识点主要探讨如何通过编程实现“微信跳转到浏览器下载APP”的功能,这对于...

    微信扫描二维码提示在浏览器中打开

    首先,微信作为一款广泛使用的社交应用,它内置了二维码扫描功能,用户可以通过扫描二维码获取信息、跳转链接或者进行支付等操作。当微信扫描到一个包含网页链接的二维码时,通常会有一个选项让用户选择是否在微信...

    通过H5链接在微信端或者外部浏览器输入链接打开微信小程序

    5. **处理兼容性**:对于外部浏览器,需要检测是否为微信环境,如果不是,可以使用`location.href`重定向至一个带有小程序二维码的H5页面,用户可以通过扫描二维码进入小程序。 6. **用户授权**:在跳转前,可能...

    HTML5手机调用微信分享

    * 10、判断当前网页是否在微信内置浏览器中打开 * 11、增加打开扫描二维码 * 12、支持WeixinApi的错误监控 * 13、检测应用程序是否已经安装(需要官方开通权限) * 14、发送电子邮件 * 15、禁止用户分享

    解决微信内置浏览器返回上一页强制刷新问题方法

    微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,...2.0、同时将AJAX获取到的数据缓存起来(可以考虑使用H5的localStorage或sessionstorage); 3.0、当返回到这个页面时,先获取窗口的

    Asp微信支付H5接口Demo:适用于手机端除微信以外的浏览器

    【Asp微信支付H5接口Demo】是一种针对手机端非微信浏览器的应用场景设计的支付解决方案。这个Demo由ASP(Active Server Pages)编写,允许开发者集成微信支付功能到他们的H5(HTML5)网页中,使得用户在不使用微信...

    thinkphp5微信h5支付/手机浏览器调用微信支付

    这里我们关注的是如何在ThinkPHP5框架下实现微信H5支付,也就是在手机浏览器中调用微信支付的功能。这个过程涉及到的技术点包括PHP编程、ThinkPHP5框架的应用以及微信支付接口的调用。 首先,`ThinkPHP5`是一个基于...

    Html5页面获取微信公众号的openid的方法

    1、H5页面是运行在微信浏览器的 2、需要与公众号关联(即需要openid) 3、判断需求是否需要弹窗告知用户授权操作 4、获取地址栏参数判断是否有’code’,有的话直接传给后台换取openid,没有就跳转微信提供的获取code...

    手机APP下载页面判断是否微信

    在移动互联网领域,手机APP的下载与安装是用户获取应用的主要途径之一。在这个过程中,针对不同的设备和平台,开发者需要考虑到各种兼容性和用户体验问题。本文将深入探讨如何创建一个能够智能判断用户是否在微信...

    微信H5支付DEMO

    1. **申请接口**: 在微信商户平台上注册成为商户并申请H5支付功能,获取必要的商户ID、API密钥等配置信息。 2. **统一下单**: 使用商户平台提供的API,通过C#或ASP.NET后台程序调用统一下单接口。此接口需要传递...

Global site tag (gtag.js) - Google Analytics