文档章节

百度地图 路径规划笔记本

RablePHP
 RablePHP
发布于 2017/05/19 18:02
字数 264
阅读 24
收藏 0

<div id="allmap"></div>
<style type="text/css">
#allmap { 
	width: 100%;
    height: 281px;
    overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eYf9sA6yVTFHlh9ytU4a0EYY"></script>
<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 8);
	map.enableScrollWheelZoom(true);
	
	var pois = {$pois};//PHP数据集合

	var driving = new BMap.DrivingRoute(map, { renderOptions: { map: map,autoViewport: true},onMarkersSet:function(routes) {
        map.removeOverlay(routes[0].marker); //删除起点
        map.removeOverlay(routes[1].marker);//删除终点
    }});
	
	var Top = 0;
	var dian = [];
	var mark = [];
	for(var i=0;i<pois.length;i++){
		console.log(pois[i]);
		
		//创建了点
		var p = new BMap.Point(pois[i]['pos_x'], pois[i]['pos_y']); //点
		dian.push(p);
		
		//创建3个marker
		var m1 = new BMap.Marker(p); 
		m1.setIcon(new BMap.Icon('http://demo.dingwei.cn/xingfou/public/Home/img/ic_marker.png',new BMap.Size(22, 35),
		{  
			anchor: new BMap.Size(14, 32) , 
        }));
		map.addOverlay(m1);
		mark.push(m1);
		
		//标签
		//var lab1 = new BMap.Label(pois[i]['place'], { position : p}); //创建3个label
		//map.addOverlay(lab1);
		
		
		if(i==0){
			Top = p; //第一个点
			continue;
		}
		driving.search(Top, p);//waypoints表示途经点
		Top = p; //第一个点
		
		console.log(Top);
		console.log(p);
	}

	driving.setSearchCompleteCallback(function() {
		var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通过驾车实例,获得一系列点的数组

		var polyline = new BMap.Polyline(pts);
		map.addOverlay(polyline);
	})

</script>

输入图片说明

© 著作权归作者所有

共有 人打赏支持
RablePHP
粉丝 15
博文 47
码字总数 11895
作品 0
巴南
程序员
私信 提问
百度Apollo无人驾驶入门课程下载

本文提供 百度Apollo官网的无人驾驶入门课程下载,主要为视频文件。 视频数量:101个;文件格式:MP4;视频总时长:2小时40分钟;文件总大小:约1.13GB; 马上下载 关注公众号罗孚传说(Rove...

罗孚传说
07/28
0
0
【iOS】苹果,百度Map定位使用与总结

iOS中使用较多的3款地图,google地图、百度地图、苹果自带地图(高德)。其中苹果自带地图在中国使用的是高德的数据。苹果在iOS 6之后放弃了使用谷歌地图,而改用自家的地图。在国内使用的较...

xn4545945
2014/08/28
0
0
百度地图---之---路径规划

1、百度自带的路径规划 var myP1 = new BMap.Point(116.380967,39.913285); //起点 var myP2 = new BMap.Point(116.424374,39.914668); //终点 var driving2 = new BMap.DrivingRoute(map, ......

吹比龙
2016/03/18
460
0
android 调用百度地图客户端,

以前都是使用百度API在软件里面做一个百度地图出来这样感觉既浪费时间又浪费精力,这里就教大家直接使用Intent的方式调用手机上安装的百度地图客户端,访问我们所需要的路径规划等, //调起百...

Remix_jx
2014/09/03
0
1
关于使用百度地图的总结

在项目中大量地使用到了百度地图,因此对百度地图SDK的使用很熟悉,对百度地图SDK有比较深的理解。 现将关于百度地图的几点说明如下: 一、地图的显示和地图类型等等(包括一些可能在实际项目...

雪狼的开发故事
2015/12/20
93
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
10
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
17
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
11
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部