`

微信浏览器内用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>
分享到:
评论

相关推荐

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

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

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

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

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

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

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

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

    HTML5手机调用微信分享

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

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

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

    JS实现微信公众号Html5页面调用手机照相机识别二维码

    1、使用jweixin-1.4.0.js实现微信公众号Html5页面调用手机照相机识别二维码 2、核心代码已经给到txt文件中,可以根据需要自行扩充。 3、二维码可以由自己的API生成,应用到很多领域。

    JS简单判断是否在微信浏览器打开的方法示例

    主要介绍了JS简单判断是否在微信浏览器打开的方法,结合实例形式分析了javascript针对浏览器相关信息的获取与判定操作技巧,需要的朋友可以参考下

    h5页面唤起app如果没安装就跳转下载(iOS和Android)

    浏览器和app没有通信协议,所以h5不知道用户的手机释放安装了app。因此只能是h5去尝试唤起app,若不能唤起,引导用户去下载我们的app。 微信里屏蔽了 schema 协议,如果在微信中打开h5,则会提示用户在浏览器中打开。...

    iOS实现H5支付(微信、支付宝)原生封装

    前言 支付分APP支付、H5支付、扫码支付等。app支付一般在app中使用,并且需要集成相应的支付SDK,H5支付多用于... safari浏览器拦截支付请求打开微信APP开始支付(如果在app中,需要在shouldStartLoadWithRequest:方法

    HTML5 jQuery JS通过微信连接WIFI实例.rar

    JS版微信连WIFI实例,这个是在手机端运行的,在PC端有些功能不能实现,比如一键打开微信连Wi-Fi,会弹出提示:您的手机浏览器可能无法跳转到微信,如果已跳转请忽略此提示。代码中有关HTML5 jquery JS唤醒微信的方法...

    html5+js实现手机录音功能,支持微信等80%的浏览器内核

    支持大部分已实现getUserMedia的浏览器,包括腾讯Android X5内核(QQ、微信)。 录音默认输出mp3格式,另外可选wav格式(此格式录音文件超大);有限支持ogg(beta)、webm(beta)格式;支持任意格式扩展(前提有相应...

    微信小程序调用wx.getImageInfo遇到的坑解决

    这几天做到微信小程序详情页分享的功能,需要把原页面的一些参数带到分享页,然后在分享页需要获取图片的宽高等基本信息。 1.先说分享传参的方式: 在onShareAppMessage方法里面返回的path里面可以带参数传过去,...

    离线微信二维码名片生成器

    解决H5在微信浏览器中保存联系人问题,利用QRCode.js离线 生成二维码。 主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库,

    iOS新版微信底部返回横条问题的解决

    之前没有怎么接触过微信开发,只是对H5比较熟。最近维护一个微信公众号的项目,遇到了iOS端返回键的坑。 描述一下: 从公众号打开页面后,底部有个返回的小横条,恰好也挡住了页面。这不行啊,得解决。 页面的高度...

    详解html5 canvas 微信海报分享(个人爬坑)

    canvas在微信浏览器中长按无效不能像img一样长按分享(那我就转成img呗) 转成img后在微信开发者工具中能显示,真机无效(欲哭无泪),度娘说可能是图片跨域^-^ 用户头像合成还要圆角,我表示不会啊,直接看...

    java版本开发的微信支付项目

    用java技术开发的微信支付开发,开发h5支付。 原生调用js支付。 里面附有公众号开发的官方api,妈的研究了3天才搞出来 遇到了一些问题 1.微信支付必须要用微信的内置浏览器才能访问。 2.需要有支付人的openid,所以...

    基于浏览器JS实现扫描二维码

    基于H5流媒体,调用手机摄像头实现扫码 实现原理:H5调用系统媒体设备》选择前置摄像头》捕获视频流》渲染到视频播放器》定时抓取视频截图》渲染到canvas》转换为图片流》使用图像识别库对图片流进行二维码识别 优势...

    HTML5的Geolocation地理位置定位API使用教程

    在手持设备如此普遍的今天,位置信息对于应用程序来讲是极其重要的,打车应用可以根据用户的位置信息呼叫附近的车辆,团购软件可以根据当前的位置推荐附近的影院和美食,地图应用可以根据用户的位置快速规划到目的地...

    (已更新)全新商城微信小程序源码支持对接公众号

    注:如果使用Apache环境 需要在.htaccess 中添加复制代码SetEnvIf Authorization"(.*)" HTTP_AUTHORIZATION=$1否则会导致OAuth登录模式获取不到Authorization4.设置代码执行目录为/server/web5. 在浏览器中输入你的...

Global site tag (gtag.js) - Google Analytics