html地图导航代码例子,js 实现百度地图导航例子

【实例简介】百度地图路径规划

【实例截图】

【核心代码】

body, html {width: 100%;height: 100%; margin:0;font-family:"微软雅黑";}

#l-map{height:300px;width:100%;}

#r-result{width:100%; font-size:14px; line-height:20px;}

驾车导航的数据接口

// 百度地图API功能

var map = new BMap.Map("l-map");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 12);

var options = {

renderOptions: {

map: map,

panel: "r-result",

enableDragging : true //起终点可进行拖拽

onSearchComplete: function(results){

if (driving.getStatus() == BMAP_STATUS_SUCCESS){

// 获取第一条方案

var plan = results.getPlan(0);

// 获取方案的驾车线路

var route = plan.getRoute(0);

// 获取每个关键步骤,并输出到页面

var s = [];

for(var j = 0;j < plan.getNumRoutes(); j ){

var route = plan.getRoute(j);

for (var i = 0; i < route.getNumSteps(); i ){

var step = route.getStep(i);

//alert("lat:" step.Th.lat ";lng:" step.Th.lng);

s.push((i 1) ". " step.getDescription());

}

//document.getElementById("r-result").innerHTML = s.join("
");

}

};

var driving = new BMap.DrivingRoute(map, options);

driving.search("天安门", "百度大厦",{waypoints:['西直门','德胜门']});

html地图导航代码例子,js 实现百度地图导航例子相关推荐

js百度地图小车html,Web js实现百度地图实时轨迹画线小车车行驶轨迹 | 彬菌
版权声明:转载原创文章请以超链接形式请注明原文章出处,尊重作者,尊重原创! 恰饭广告注意: 1.百度地图ak换成自己在百度地图官网申请 2.建议使用firefox浏览器,google被墙无法调用gp ...
html5一键导航代码,网页端利用百度地图接口，制作一键导航功能
百度地图标点功能调用该接口可调起PC或web地图,且在指定坐标点上显示点的名称和内容信息服务地址 http://api.map.baidu.com/marker //PC&WebA ...
百度地图api 导航代码html,网页嵌入百度地图和调用百度地图api展示拥堵代码
XX城市路况拥堵图兰州市实时路况 $(function() { var map = new BMap.Map("mapContainer"); map.centerAndZoom ...
html5百度地图选中标注点,js 调用百度地图api并在地图上进行打点添加标注
最近要做一个网页,具体内容是:上边有一个标题,下边分成两块,左边是地图.并且地图上有两个点,点击两个点有相应的提示信息,显示数据库里最新的两条数据信息.右边是一些文字说明.本人刚开始学习,做的也不是很 ...
百度地图根据经纬度计算距离php,详解js根据百度地图提供经纬度计算两点距离...
正常在使用百度地图时,我们可以通过BMap的实例对象提供的方法计算距离: var map = new BMap.Map('map_canvas'); map.getDistance(point1 ,p ...
heatmap.js调用百度地图api做热力图
做热力图使用heatmap.js模块然后就是来挑用百度地图api是他展现在百度地图上面一首先你要申请一个百度地图api接口的密钥申请网址申请密钥之后,先登录上自己的账号然后创建应用三就是来取一 ...
前端（1）js：百度地图api使用
(1)百度地图API链接 1)获取key http://lbsyun.baidu.com/apiconsole/key 2)查看相关API文档 http://lbsyun.baidu.com/inde ...
从精准导航到生活护航，百度地图助力“说走就走”的十一旅行
文|易不二来源|智能相对论(aixdlun) 年初新冠疫情的肆虐,让我们被"禁闭"了很久,很长时间,对旅途的向往,都只能停留在之前的旅途回忆里. 据中国旅游研究院发布<中国 ...
android百度地图例子,Android使用百度地图的注意点
/* http://my.oschina.net/lifj/blog/283063 */ 0.不要参考官方的网页示例很奇怪,他的官网的使用示例更新不及时. 下载api的时候,里面有一个demo.最好 ...
百度地图 php,php+js实现百度地图多点标注的方法
本文实例讲述了php+js实现百度地图多点标注的方法.分享给大家供大家参考,具体如下: 1.php创建json数据 $products = $this->product_db->selec ...

html地图导航代码例子,js 实现百度地图导航例子

html地图导航代码例子,js 实现百度地图导航例子相关推荐

最新文章

热门文章