文档章节

百度地图 路径规划笔记本

RablePHP
 RablePHP
发布于 2017/05/19 18:02
字数 264
阅读 23
收藏 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
巴南
程序员
【iOS】苹果,百度Map定位使用与总结

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

xn4545945
2014/08/28
0
0
百度Apollo无人驾驶入门课程下载

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

罗孚传说
07/28
0
0
关于使用百度地图的总结

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

雪狼的开发故事
2015/12/20
93
0
android 调用百度地图客户端,

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

Remix_jx
2014/09/03
0
1
百度地图---之---路径规划

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

没有更多内容

加载失败,请刷新页面

加载更多

Python深体验,常见的数据处理方式(必须要懂的)

1.缺失值处理 - 拉格朗日插值法 input_file数据文件内容(存在部分缺失值): from scipy.interpolate import lagrangeimport pandas as pdimport numpy as npinput_file = './dat...

无也Python
28分钟前
2
0
Spring MVC注解故障追踪记

Spring MVC是美团点评很多团队使用的Web框架。在基于Spring MVC的项目里,注解的使用几乎遍布在项目中的各个模块,有Java提供的注解,如:@Override、@Deprecated等;也有Spring提供的注解,...

Skqing
30分钟前
4
0
区块链入门教程以太坊源码分析cmd包分析

  兄弟连区块链入门教程以太坊源码分析cmd包分析。 ### cmd包概述 * geth 主要Ethereum CLI客户端。它是Ethereum网络(eth主网,测试网络或私有网)的入口点,使用此命令可以使节点作为ful...

兄弟连区块链入门教程
32分钟前
1
0
@Autowired 报红线

代码可正常跑,不过红线看着有点难受,解决方案 使用@Autowired(required=false) 或者@Resource. 这两者区别网上一大堆

斩神魂
37分钟前
3
0
DataTable中检索信息 (C#)

C#_从DataTable中检索信息 存在于内存中的虚拟表DataTable,绑定在数据显示控件后,如果想在再检索其中某些信息,可以利用DataTable.Select方法进行检索,避免了重复的读取数据库。Select方法...

CS-CS01
45分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部