字体-字体+

百度地图获取客户端浏览器精准定位

2018-02-06 Javascript/Jquery 访问量 96

百度地图和高德地图是目前国内开发者用到的最多最常见的地图API开发工具,它们有着相似的功能,界面也是相差很大,不过就破晓猫个人而言,高德完胜。不过今天的主人公不是高德,高德得放在下个章节去讲,今天着重来讲讲复用百度地图api实现客户端浏览器定位功能。

对于一些特殊的需求而言,这个功能还是可以的。比如破晓猫博主前几天完成的一个小程序,名为小程序,其实是用H5进行封装的,在PC和安卓机子上运行6的飞起,令我担心的事情来了,在ios上竟然无效,一换高德,什么问题也没有,真是让我恼火啊,所以才会引出上面那个话题~~~。

整体的代码量很简单,清晰。

<!--引入下面的2.0 api就行了,key去百度地图api控制台中去申请-->
<script src="https://api.map.baidu.com/api?v=2.0&ak=74af17************549a9d3fb9"></script>

            getCurrentLocate();
	    function getCurrentLocate() {
	        //获取当前位置
	        var geolocation = new BMap.Geolocation();
	        geolocation.getCurrentPosition(function(r) {
	            if (this.getStatus() == BMAP_STATUS_SUCCESS) {

	                getAddress(r.point);

	            } else {
	                alert('failed' + this.getStatus());
	            }
	        });
	    }


	    //获取地址信息,设置地址label
	    function getAddress(point) {
	        var gc = new BMap.Geocoder();
	        gc.getLocation(point, function(rs) {
	            var addComp = rs.addressComponents;
	            var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber; //获取地址
	            
	            console.log(addComp);//虽然它能获取到街道这些,但是一般情况下,可能只要求到省市区就行了。

	        });
	    } 		    	

    只要是你的key是正确的,那么这个百度地图api就能定位到你的浏览器位置了。



    之前破晓猫也讲了一个关于百度地图搜索定位的文章,有兴趣也可以移驾去看看。百度地图API之实现搜索定位


标签:

原文来自:http://www.dawnfly.cn/article-1-387.html,转载请注明出处,谢谢【破晓博客复制链接地址

2017春季新款女装上衣衬衫女长袖百搭印花系带蝴蝶结雪纺衫衬衣潮