百度地图api将可视区域定位到当前所在位置

Posted 苏小苏sxs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度地图api将可视区域定位到当前所在位置相关的知识,希望对你有一定的参考价值。

1.前言 
开头不说点什么,总是有点不习惯。还是说点什么吧,关于百度地图,我用的次数还是比较多的,没办法,需求呀。好吧,在用百度地图的时候,确实有过很多需求,不过好在百度地图很强大,每次需求在探索后都能满足功能。以后将百度地图中所遇到的一些常见的功能整理一下,也方便一些童鞋参考。我的有一个项目中,就是要一开始将地图的可视区域定位在当前位置。其实很简单,网上一搜一大堆。 
2.详情 
说的再多,不如贴代码更来的直白。不过使用百度地图,一定要有ak。这个我想没有人不知道吧 
1.引入js文件

1 <script type="text/javascript" src="http://api.map.baidu.com/api?v1.5&ak=AFb5d4d8279a19b2fc3a16d063f26772"></script>

2.html代码布局

<div id="allmap" style=‘width:500px; height:500px;‘></div>

3.js代码

var map = new BMap.Map("allmap");
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function (r) {
    if (this.getStatus() == BMAP_STATUS_SUCCESS) {
        map.centerAndZoom(new BMap.Point(r.point.lng, r.point.lat), 15);
    }
}, { enableHighAccuracy: true })

4.运行html之后就可以看到百度地图定位在你当前所在的位置了。有的浏览器会弹出提示信息“想要获取您的位置”记得一定要点击“允许”。

3.总结

呃,好像就是这么简单,大家可以自己动手试试。后面还得多写一些关于我使用百度地图遇到的问题以及解决方法,以及近期用到的关于百度鹰眼的相关。






以上是关于百度地图api将可视区域定位到当前所在位置的主要内容,如果未能解决你的问题,请参考以下文章

ionic 调用百度地图API,并定位当前位置示例

ionic 使用百度地图API, 定位用户当前所在的城市示例

android 版百度地图如何通过定位功能获得当前的位置所在的城市?

数据可视化大屏百度地图绘制行政区域标注实战案例解析(个性化地图标注视频控件定位检索)

微信小程序实现城市定位:获取当前所在的国家城市信息

geolocation/ 百度地图api Geolocation 定位当前城市信息