微信客户端利用百度地图定位获取位置信息

23人阅读 评论(0) 收藏 举报
分类:

想使用H5获取位置信息,无奈ios10以上的,必须使用https的才能有获取位置的权限。没办法,改成利用百度地图API获取位置,demo如下,参考的API文档地址:http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a7b0

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body,html,#allmap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0;
    font-family: "微软雅黑";
}
</style>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=您申请的百度ak"></script>
<title>GPS转百度</title>
</head>
<body>
    <div id="allmap"></div>
</body>
<script type="text/javascript">
    $(function() {
        // 百度地图API功能
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(r) {
            if(this.getStatus() == BMAP_STATUS_SUCCESS){ 
                var point = r.point,
                    lng = point.lng,
                    lat = point.lat;
                var point = new BMap.Point(lng, lat);
                var map = new BMap.Map("allmap");
                map.centerAndZoom(point, 15);
                var marker = new BMap.Marker(point);// 创建标注
                map.addOverlay(marker);             // 将标注添加到地图中
                
                var point1 = new BMap.Point(116.416524,40.076273);
                var meter = map.getDistance(point, point1);
                alert("两点之间的距离为:" + meter + "米");
            }
            else {
                alert('failed'+this.getStatus());
            }        
        },{enableHighAccuracy: true});
    });
</script>
</html>

查看评论

Android 快速开发 第三方SDK 百度定位SDK

百度地图Android定位SDK是为Android移动端应用提供的一套简单易用的LBS定位服务接口,专注于为广大开发者提供最好的综合定位服务,通过使用百度定位SDK,开发者可以轻松为应用程序实现智能、精准、高效的定位功能。 主要内容包括简介 密钥申请 环境配置、定位SDK使用,获取当前位置信息 等知识
  • 2016年08月08日 10:49

微信小程序地图定位当前位置

首先wxml引入map组件&amp;lt;!-- map.wxml --&amp;gt; &amp;lt;map id=&quot;map&quot; longitude=&quot;113.3245...
  • tianchengwei09
  • tianchengwei09
  • 2018-03-24 18:31:48
  • 29

微信公众号、地图定位、获取地理位置

  • u014688027
  • u014688027
  • 2017-09-13 14:36:49
  • 3933

微信接入js-sdk-获取地理位置,打开微信内置地图

1.第一步当然是已经正确接入了微信并且配置好了回调安全域名。不会的朋友可以看看《微信开发-初级接入微信公众平台MP》 2.   引用微信js-sdk, http://res.wx.qq.c...
  • achenyuan
  • achenyuan
  • 2017-05-12 12:05:31
  • 20485

<em>微信</em>小程序_<em>地图定位</em>DEMO

<em>微信</em>小程序开发——map<em>地图</em>组件,<em>定位</em>,并手动修改位置偏差。 <em>微信</em>小程序之map<em>地图</em> 「<em>微信</em>小程序」实现获取<em>当前位置</em>并在<em>地图</em>上显示 <em>微信</em>小程序---map组件实现...
  • 2018年04月18日 00:00

腾讯<em>地图定位当前位置</em>

利用腾讯定位获取自己当前的位置... 【<em>微信</em>开发】-JSSDK获取地理位置坐标及转换成百度坐标和腾讯坐标...腾讯<em>地图定位当前位置</em> 5积分 立即下载 ...
  • 2018年04月14日 00:00

微信客户端利用百度地图定位获取位置信息

想使用H5获取位置信息,无奈ios10以上的,必须使用https的才能有获取位置的权限。没办法,改成利用百度地图API获取位置,demo如下,参考的API文档地址:http://lbsyun.baid...
  • dulinanaaa
  • dulinanaaa
  • 2018-04-16 17:44:17
  • 23

「微信小程序」实现获取当前位置并在地图上显示

盆友圈最近真是被微信小程序这货刷爆了,哪那都是它,作为一个喜欢尝(作)鲜(死)的前端汪来说,我肯定不会轻易放弃这么好的尝试机会,嘛溜的,先搭好环境压压惊! 环境搭建 地球人都知道此次微信官方发布小...
  • tycsbs
  • tycsbs
  • 2016-09-28 14:05:04
  • 51843

微信小程序开发之真机测试 地图定位 map API 无法获取当前位置的问题

今天做到地图定位的模块.模拟器肯定是获取不到位置的.下面为真机测试结果. 上图: 经纬度不说了.定位用的,我这里直接输入的数字定位.但是有许多问题 下图中sc...
  • sinat_17775997
  • sinat_17775997
  • 2016-12-12 17:43:15
  • 4306

微信小程序 实现获取当前位置并在地图上显示

配置app.json文件所要加载的页面 //app.json { "pages":[ "pages/index/index" ], "window":{ "backgro...
  • yelin042
  • yelin042
  • 2017-05-12 21:44:07
  • 5040
    个人资料
    持之以恒
    等级:
    访问量: 4万+
    积分: 865
    排名: 5万+
    最新评论