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

一、获取目标地点坐标

百度拾取坐标系统

#二 、常用控件
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®ion=西安&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。

你可能感兴趣的:(工具使用)