百度地图多路搜寻显示

最新推荐文章于 2018-12-14 00:29:01 发布

Senssic

最新推荐文章于 2018-12-14 00:29:01 发布

阅读量639

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Senssic/article/details/50180009

版权

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eYf9sA6yVTFHlh9ytU4a0EYY"></script>
<title>设置驾车路线途经点</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">

// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
map.enableScrollWheelZoom(true);

var point1	 =new BMap.Point('121.475599','31.239267');
var point2	 =new BMap.Point('119.993466','31.842951');
var point3	 =new BMap.Point('118.816039','32.140864');
var point4	 =new BMap.Point('117.197077','31.937134');
var point5	 =new BMap.Point('114.290304','30.641604');
var point6	 =new BMap.Point('112.266602','30.386732');
var point7	 =new BMap.Point('106.526645','29.634165');
var point8   =new BMap.Point('116.390471','39.927773');

  var point = [point2, point3, point4, point5,point6];
var driving = new BMap.DrivingRoute(map,{renderOptions:{/*map: map,*/ autoViewport: true},
		onSearchComplete : function(res) {
		if (driving.getStatus() == BMAP_STATUS_SUCCESS) {
			
			var arrPois = res.getPlan(0).getRoute(0).getPath();
				map.addOverlay(new BMap.Polyline(arrPois));
				}
		setTimeout(function() {
			map.setViewport(points); //调整到最佳视野
			}, 1000);
		
	}});
  driving.search(point1,point7);//waypoints表示途经点
driving.search(point7,point8);//waypoints表示途经点

</script>