微信jssdk获取当前位置,以及打开微信地图
$(function() {
    var url = window.location.href;
    var userId = $("#userId").val();
    // var openId = $("#sessionOpenId").val();
    // alert("openId = " + openId);
    if ($("#path").val() != null && $("#path").val() != ''
            && typeof ($("#path").val()) != 'undefined') {
        if ($('#path').val().indexOf('msbh') != -1) {
            userId = $('#userId_share').val();
        }
    }
    $.post("http://www.quanqiuyouhui.com/kabao-api/getShareData.do", {
        'url' : url,
        'userId' : userId
    }, function(data) {
        data = eval("(" + data + ")");
        wx.config({
            debug : false,
            appId : data.map.appId,
            timestamp : data.map.timestamp,
            nonceStr : data.map.nonceStr,
            signature : data.map.signature,
            jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
                    'onMenuShareAppMessage', 'getLocation', 'openLocation',
                    'hideOptionMenu' ]
        });
        wx.ready(function() {
            // 1 判断当前版本是否支持指定 JS 接口,支持批量判断
            wx.checkJsApi({
                jsApiList : [ 'getNetworkType', 'previewImage' ],
                success : function(res) {
                    // 以键值对的形式返回,可用的api值true,不可用为false
                    // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                }
            });
            wx.hideOptionMenu();
            // 2. 分享接口
            wx.getLocation({
                type : 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
                success : function(res) {
                    // alert(JSON.stringify(res));
                    var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
                    // $("#latitude").val(latitude);
                    var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
                    // $("#longitude").val(longitude);
                    var speed = res.speed; // 速度,以米/每秒计
                    // $("#speed").val(speed);
                    var accuracy = res.accuracy; // 位置精度
                    // $("#accuracy").val(accuracy);
                },
                cancel : function(res) {
                    alert('用户拒绝授权获取地理位置');
                }
            });
            // 2.1 监听“分享给朋友”,按钮点击、自定义分享内容及分享结果接口
            $(".icon").on('click', function() {
          //注意:因为苹果手机默认浏览器将使用 attr('')获得的信息默认为字符串格式所以不会打开地图,需要先用parseFloat()将获得的经纬度转换一下如下
                var a = $(this).attr("latitude");
                a = parseFloat(a);
                var b = $(this).attr("longitude");
                b = parseFloat(b);
                // alert(b);
                var c = $(this).attr("businessName");
                // alert(c);
                var d = $(this).attr("address");
                // alert(d);
                wx.openLocation({
                    latitude : a,
                    longitude : b,
                    name : c,
                    address : d,
                    scale : 14,
                    infoUrl : 'http://www.quanqiuyouhui.com/kabao-api/pgyqr.do'
                });
            })
            // ----------------------------
        });
    });
});
微信jssdk获取当前位置,以及打开微信地图的更多相关文章
- Net微信网页开发之使用微信JS-SDK获取当前地理位置
		
前言: 前段时间有一个关于通过获取用户当前经纬度坐标,计算出该用户距离某指定地点之间的距离.因为做这个项目需要能够获取到比较精确的经纬度坐标,刚开始使用的是百度地图结果发现百度地图地位不太准确(有时候 ...
 - html5定位获取当前位置并在百度地图上显示
		
用html5的地理定位功能通过手机定位获取当前位置并在地图上居中显示出来,下面是百度地图API的使用过程,有需要的朋友可以参考下 在开发移动端 web 或者webapp时,使用百度地图 API 的过程 ...
 - 【原创】微信公众号与HTML 5混合模式揭秘3——JSSDK获取地理位置
		
微信公众号与HTML 5混合模式揭秘1——如何部署JSSDK 微信公众号与HTML 5混合模式揭秘2——分享手机相册中照片 JSSDK为开发者提供了两个位置API服务:获取地理位置和使用微信内置地图查 ...
 - 微信小程序-获取当前位置和城市名
		
微信小程序-获取当前城市位置 1, 获取当前地理位置,首先要拿到用户的授权wx.openSetting: 2,微信的getLocation接口,获取当前用户的地理位置(微信返回的是经纬度,速度等参数) ...
 - C#开发微信门户及应用(39)--使用微信JSSDK实现签到的功能
		
随着微信开逐步开放更多JSSDK的接口,我们可以利用自定义网页的方式来调用更多微信的接口,实现我们更加丰富的界面功能和效果,例如我们可以在页面中调用各种手机的硬件来获取信息,如摄像头拍照,GPS信息. ...
 - 微信公开课发布微信官方教程:教你用好微信JS-SDK接口
		
微信公众平台开放JS-SDK(微信内网页开发工具包),说明文档已经有相关使用方法和示例了,很多同学觉得不是很直观,为此微信公开课发布微信官方教程:教你用好微信JS-SDK接口. 1.分享类接口:支持获 ...
 - 官方教程:教你用好微信JS-SDK接口
		
微信开放JS-SDK接口,开发者和行业用户可谓是欢欣鼓舞.奔走相告,目测将激起一大波第三方开发商的创新产品!真真是H5开发者的利好!但也有用户表示,还不了解JS-SDK接口到底是啥,究竟怎么用.现在, ...
 - 微信JS-SDK说明文档及常见问题处理
		
概述 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微 ...
 - 微信JS-SDK使用步骤(以微信扫一扫为例)
		
概述: 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用 ...
 
随机推荐
- C#获取时间戳的方法
			
获取时间戳的方法 /// <summary> /// 获取时间戳 /// </summary> /// <param name= ...
 - JavaScript 中的事件设计
			
1. 事件绑定的几种方式 主要介绍一下 最常用的事件设计 其他就稍微带过. 直接在代码里面添加onclick指定函数名字. B) 在JS代码中通过dom元素的onclick等属性 这种做法this表 ...
 - Oracle 监听配置详解(转载)
			
使用ORACLE的SQL*Net V.2连接客户机和服务器,需配置每个客户机和服务器.在服务器上需配置的文件有:listener.ora./etc/services,在客户机上需配置tnsna ...
 - contenteditable 属性
			
定义和用法 contenteditable 属性规定是否可编辑元素的内容. 语法 <element contenteditable="value"> 属性值 值 描述 ...
 - c#类初始化器
			
其实类型初始化器只是一种语法糖这样写MyClass a=new MyClass{ filedOne="a" ,filedTwo="b" };会被编译器编译成和如 ...
 - 分页搜索查询sql
			
select * from (select t.*,rownum no from " + table + " t where scbj=0)where (no>(" ...
 - ORACLE控制文件一致性【weber出品】
			
一.首先控制文件有什么作用呢? 控制文件记录了如下信息:1.数据库的创建时间2.数据文件的位置3.日志文件的位置等作用是指导数据库 找到数据文件,日志文件并将数据库启动到 open 状态. 与其用文字 ...
 - 1236 hdu排名
			
Problem Description 今天的上机考试虽然有实时的Ranklist,但上面的排名只是根据完成的题数排序,没有考虑 每题的分值,所以并不是最后的排名.给定录取分数线,请你写程序找出最后通 ...
 - python中raw_input()与input()
			
raw_input([prompt]) input([prompt]) # prompt:如果参数存在,直接输出到屏幕上,不会再另起一行 raw_input 如其字面意思一样,返回输入字符的字符串形式 ...
 - hadoop之MapReduce WordCount分析
			
MapReduce的设计思想 主要的思想是分而治之(divide and conquer),分治算法. 将一个大的问题切分成很多小的问题,然后在集群中的各个节点上执行,这既是Map过程.在Map过程结 ...