使用百度地图api获取当前位置进行路线规划

版权声明：Copyright2018TianDiSheng.AllRightsReserved. https://blog.csdn.net/tianxintiandisheng/article/details/81870710

一、获取目标地点坐标

百度拾取坐标系统

二 、常用控件

1.创建地图： var map = new BMap.Map(“divid”);
2.创建坐标点：var point = new BMap.Point(“经度”,”纬度”);
3.设置视图中心点：map.centerAndZoom(point,size);
4.激活滚轮调整大小功能：map.enableScrollWheelZoom();
5.添加控件：map.addControl(new BMap.Xxx());
6.添加覆盖物：map.addOverlay();

三、路线规划(地图调起URI API)

简介:

百度地图URI API是为开发者提供直接调起百度地图产品（百度Web地图、百度地图手机客户端）以满足特定业务场景下应用需求的程序接口，开发者只需按照接口规范构造一条标准的URI，便可在PC和移动端浏览器或移动开发应用中调起百度地图产品，进行地图展示和检索、线路查询、导航等功能，无需进行复杂的地图功能开发。
示例:

http://api.map.baidu.com/direction?origin=latlng:34.264642646862,108.95108518068|name:我家&destination=大雁塔&mode=driving&region=西安&output=html&src=webapp.baidu.openAPIdemo
//调起百度PC或Web地图，展示"西安市"从（lat:34.264642646862,lng:108.95108518068 ）"我家"到"大雁塔"的驾车路线。

参数详解:
+ origin 起点名称或经纬度，或者可同时提供名称和经纬度，此时经纬度优先级高，将作为导航依据，名称只负责展示。 必选 1、名称：天安门2、经纬度：39.98871<纬度>,116.43234<经度>。 3、名称和经纬度：name:天安门|latlng:39.98871,116.43234

• destination 终点名称或经纬度，或者可同时提供名称和经纬度，此时经纬度优先级高，将作为导航依据，名称只负责展示。 必选 同上

• mode 导航模式，固定为transit、driving、walking，分别表示公交、驾车和步行 必选

• region 城市名或县名 当给定region时，认为起点和终点都在同一城市，除非单独给定起点或终点的城市。

四、获取当前位置（坐标点）

使用html5浏览器定位

var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);

var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
 if(this.getStatus() == BMAP_STATUS_SUCCESS){
  var mk = new BMap.Marker(r.point);
  map.addOverlay(mk);
  map.panTo(r.point);
  alert('您的位置：'+r.point.lng+','+r.point.lat);
 }
 else {
  alert('failed'+this.getStatus());
 }        
});

注意: 由于Chrome、iOS10等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到HTTPS。

---

技能树.IT修真院
“我们相信人人都可以成为一个工程师，现在开始，找个师兄，带你入门，掌控自己学习的节奏，学习的路上不再迷茫”。
这里是技能树.IT修真院，成千上万的师兄在这里找到了自己的学习路线，学习透明化，成长可见化，师兄1对1免费指导。快来与我一起学习吧~
凭邀请码注册可享受学费减免优惠
我的邀请码：25344308 ，或者你可以直接点击此链接：
修真院注册链接