码迷,mamicode.com
首页 > 微信 > 详细

微信企业号开发:微信考勤百度地图定位

时间:2015-09-11 12:43:21      阅读:359      评论:0      收藏:0      [点我收藏+]

标签:

    之前在微信企业号开发:微信考勤中使用了百度地图的定位组件,但发现在部分手机上会出现定位失败的提示,于是有研究了一下百度地图。原来使用的Web组件百度不打算更新了,也是重新查了一下百度地图的其他API,还有一个JavaScript API大众版,于是试了试,没想到竟然解决了。

  核心代码很简单:

<div id="allmap"></div>
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kkkk"></script>
 <script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var circle = new BMap.Geolocation();
    circle.getCurrentPosition(locationResult); //
    map.addOverlay(circle);
    function locationResult(geolocationResult) {
        var Status = this.getStatus()
        if (Status == 0)//检索成功。对应数值“0”。
        {
            $("#lng").val(geolocationResult.point.lng);
            $("#lat").val(geolocationResult.point.lat);
            var address = geolocationResult.address;
            $("#city").val(address.city);
            $("#district").val(address.district);
            $("#street").val(address.street);
            $("#address").val(address.province + address.city + address.district + address.street + address.street_number);
        }
        else {
            alert("定位失败错误码" + Status)
        }
    }

</script>

实现效果

技术分享

版权声明:本文为博主原创文章,未经博主允许不得转载。

微信企业号开发:微信考勤百度地图定位

标签:

原文地址:http://blog.csdn.net/xuexiaodong009/article/details/48345445

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!