www.91084.com

GVKun编程网logo

带有定位当前位置的百度地图前端web api实例代码(百度地图定位接口)

14

在本文中,我们将带你了解带有定位当前位置的百度地图前端webapi实例代码在这篇文章中,我们将为您详细介绍带有定位当前位置的百度地图前端webapi实例代码的方方面面,并解答百度地图定位接口常见的疑惑

在本文中,我们将带你了解带有定位当前位置的百度地图前端web api实例代码在这篇文章中,我们将为您详细介绍带有定位当前位置的百度地图前端web api实例代码的方方面面,并解答百度地图定位接口常见的疑惑,同时我们还将给您一些技巧,以帮助您实现更有效的AngularJs 利用百度地图API 定位当前位置 获取地址信息、googlemap 在5.1系统无法定位当前位置、h5页面如何调用百度地图获取当前位置(代码)、HTML5+百度地图API实现地理定位

本文目录一览:

带有定位当前位置的百度地图前端web api实例代码(百度地图定位接口)

带有定位当前位置的百度地图前端web api实例代码(百度地图定位接口)

废话不多说,直接给大家贴代码了,具体代码如下所示,

关键代码如下:

rush:js;">

AngularJs 利用百度地图API 定位当前位置 获取地址信息

AngularJs 利用百度地图API 定位当前位置 获取地址信息

第一、申请百度密钥 很简单的几步就搞定

第二、引入文件

rush:xhtml;">

第三、绑定数据到你要显示的输入框内

rush:xhtml;"> 完整地址: 所处城市: 所处区域: 所处街道:

第四、控制器中代码

rush:js;"> angular.module('myApp') .controller('myCtrl',function($scope) { //获取地理位置信息 $scope.getAddr = function() { var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition( //获取位置信息成功 function(position){ if(this.getStatus() == BMAP_STATUS_SUCCESS){ $scope.longitude = position.point.lng; $scope.latitude = position.point.lat; // 根据坐标得到地址描述 $scope.getGeo(); } },{ // 指示浏览器获取高精度的位置,默认为false enableHighAccuracy: true,// 指定获取地理位置的超时时间,默认不限时,单位为毫秒 // timeout: 5000,// 最长有效期(30S),在重复获取地理位置时,此参数指定多久再次获取位置 maximumAge: 30*1000 }); }; $scope.getGeo = function() { var myGeo = new BMap.Geocoder(); // 根据坐标得到地址描述 myGeo.getLocation(new BMap.Point($scope.longitude,$scope.latitude),function(result) { if (result) { $scope.geoaddress = { 'fulladdress' : result.addressComponents.city+ result.addressComponents.district+ result.addressComponents.street,'city' : result.addressComponents.city,'area' : result.addressComponents.district,'street' : result.addressComponents.street,}; $scope.all = result.addressComponents.city+ result.addressComponents.district+ result.addressComponents.street; $scope.shi = result.addressComponents.city; $scope.qu = result.addressComponents.district; $scope.jiedao = result.addressComponents.street; alert(JSON.stringify($scope.all)) } else { $scope.showAlert("定位失败,地址解析失败"); } }); }; } ]);

第五、完整代码如下:(大体思路就是这样!这里做个标记留给以后的自己)

rush:xhtml;"> <Meta charset="utf-8">

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持小编!

googlemap 在5.1系统无法定位当前位置

googlemap 在5.1系统无法定位当前位置

因为设备rom是精简版,googlemap 导航无法定位当前位置,三件套装了后影梭和map都会崩溃,现在单独装了playservices和map,程序能跑起来,但是无法定位当前位置。装5.1.的framework两个程序就得崩溃了,fc也刷过了,怎么着都不行。。求解决方案。

或许是framework的问题??googleservicesframework对应的版本号是多少哦?

h5页面如何调用百度地图获取当前位置(代码)

h5页面如何调用百度地图获取当前位置(代码)

本篇文章给大家带来的内容是关于h5页面如何调用百度地图获取当前位置(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

在项目中越来越多的用到了手机的grs定位功能,使用百度地图api获取当前位置并在地图上标注出来首先应该在官网上注册key
这里写图片描述

这里写图片描述

点击获取密钥,注册获取key。
完整代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src=" 
</script>
<title>百度地图的定位</title>
</head>
<body>
    <p id="allmap"></p>
    <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(&#39;您的位置:&#39;+r.point.lng+&#39;,&#39;+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(&#39;failed&#39;+this.getStatus());
        }        
    },{enableHighAccuracy: true})</script></body></html>
登录后复制

运行结果是:
这里写图片描述

(注:用浏览器定位是不准确的,建议用手机进行测试!)

相关推荐:

HTML5调用百度地图API获取当前位置并直接导航目的地的方法

以上就是h5页面如何调用百度地图获取当前位置(代码)的详细内容,更多请关注php中文网其它相关文章!

HTML5+百度地图API实现地理定位

HTML5+百度地图API实现地理定位

总结

以上是小编为你收集整理的HTML5+百度地图API实现地理定位全部内容。

如果觉得小编网站内容还不错,欢迎将小编网站推荐给好友。

我们今天的关于带有定位当前位置的百度地图前端web api实例代码百度地图定位接口的分享就到这里,谢谢您的阅读,如果想了解更多关于AngularJs 利用百度地图API 定位当前位置 获取地址信息、googlemap 在5.1系统无法定位当前位置、h5页面如何调用百度地图获取当前位置(代码)、HTML5+百度地图API实现地理定位的相关信息,可以在本站进行搜索。

本文标签: