百度地图多路搜寻显示


<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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值