文档章节

百度地图 路径规划笔记本

RablePHP
 RablePHP
发布于 2017/05/19 18:02
字数 264
阅读 17
收藏 0
点赞 0
评论 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

关于使用百度地图的总结

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

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

android 调用百度地图客户端,

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

Remix_jx ⋅ 2014/09/03 ⋅ 1

百度地图成了十分经典的AI应用场景

百度地图成了十分经典的AI应用场景 2017年9月15日 智元 人工智能   今天,百度地图与北京交管局有一个很有意思的战略合作,这将直接影响北京市民的出行:百度地图为北京交警量身打造了一个...

智元 ⋅ 2017/09/15 ⋅ 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 ⋅ 0

百度地图新手教程1(转载自百度)

简介 1.什么是百度地图API? 2.面向的读者 3.坐标转换 4.获取API 5.开发移动平台上的地图应用 6.异步加载 7.兼容性 8.版本说明 9.问题解答 什么是百度地图API? 百度地图API是一套由JavaScr...

长平狐 ⋅ 2013/01/06 ⋅ 0

蓄力一纪,可以远矣!十二年的百度地图和他的AI新征程

  “万物皆有灵,” 吉卜赛人用嘶哑的嗓音宣告,“只需唤起它们的灵性。”这是世界名著《百年孤独》中开篇首页的一句对话。   《纽约时报》曾评价《百年孤独》是“继《创世记》之后,首部...

遇见人工智能 ⋅ 2017/12/28 ⋅ 0

程序员“冒死”拦无人车 百度如何回答

  【IT168 资讯】21日,就是昨天,百度李彦宏又似乎要被媒体同学们围攻了...   事情呢,是介个样子:百度无人车在乌镇世界互联网大会期间上路接受公开体验,在演讲中,李彦宏提到百度关于...

it168网站 ⋅ 2016/11/22 ⋅ 0

BMap:WEB 服务API

ylbtech-Map-Baidu: WEB 服务API 百度地图Web服务API为开发者提供http/https接口,即开发者通过http/https形式发起检索请求,获取返回json或xml格式的检索数据。用户可以基于此开发JavaScrip...

吞吞吐吐的 ⋅ 2017/11/07 ⋅ 0

iOS开发百度导航SDK的使用入门

iOS开发百度导航SDK的使用入门 百度地图API如何选择,以及关于百度地图的SDK的使用,可以参考我之前的一篇文章http://blog.sina.com.cn/s/blog_68661bd80101k4rx.html 在那篇的教程中已经讲解...

法斗斗 ⋅ 2016/01/15 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java 后台判断是否为ajax请求

/** * 是否是Ajax请求 * @param request * @return */public static boolean isAjax(ServletRequest request){return "XMLHttpRequest".equalsIgnoreCase(((HttpServletReques......

JavaSon712 ⋅ 29分钟前 ⋅ 0

Redis 单线程 为何却需要事务处理并发问题

Redis是单线程处理,也就是命令会顺序执行。那么为什么会存在并发问题呢? 个人理解是,虽然redis是单线程,但是可以同时有多个客户端访问,每个客户端会有 一个线程。客户端访问之间存在竞争...

码代码的小司机 ⋅ 今天 ⋅ 0

到底会改名吗?微软GVFS 改名之争

微软去年透露了 Git Virtual File System(GVFS)项目,GVFS 是 Git 版本控制系统的一个开源插件,允许 Git 处理 TB 规模的代码库,比如 270 GB 的 Windows 代码库。该项目公布之初就引发了争...

linux-tao ⋅ 今天 ⋅ 0

笔试题之Java基础部分【简】【二】

1.静态变量和实例变量的区别 在语法定义上的区别:静态变量前要加static关键字,而实例变量前则不加。在程序运行时的区别:实例变量属于某个对象的属性,必须创建了实例对象,其中的实例变...

anlve ⋅ 今天 ⋅ 0

Lombok简单介绍及使用

官网 通过简单注解来精简代码达到消除冗长代码的目的 优点 提高编程效率 使代码更简洁 消除冗长代码 避免修改字段名字时忘记修改方法名 4.idea中安装lombnok pom.xml引入 <dependency> <grou...

to_ln ⋅ 今天 ⋅ 0

【转】JS浮点数运算Bug的解决办法

37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998 怎么会这样,两个只有一位小数的数字相乘,怎...

NickSoki ⋅ 今天 ⋅ 0

table eg

user_id user_name full_name 1 zhangsan 张三 2 lisi 李四 `` ™ [========] 2018-06-18 09:42:06 星期一½ gdsgagagagdsgasgagadsgdasgagsa...

qwfys ⋅ 今天 ⋅ 0

一个有趣的Java问题

先来看看源码: public class TestDemo { public static void main(String[] args) { Integer a = 10; Integer b = 20; swap(a, b); System.out......

linxyz ⋅ 今天 ⋅ 0

十五周二次课

十五周二次课 17.1mysql主从介绍 17.2准备工作 17.3配置主 17.4配置从 17.5测试主从同步 17.1mysql主从介绍 MySQL主从介绍 MySQL主从又叫做Replication、AB复制。简单讲就是A和B两台机器做主...

河图再现 ⋅ 今天 ⋅ 0

docker安装snmp rrdtool环境

以Ubuntu16:04作为基础版本 docker pull ubuntu:16.04 启动一个容器 docker run -d -i -t --name flow_mete ubuntu:16.04 bash 进入容器 docker exec -it flow_mete bash cd ~ 安装基本软件 ......

messud4312 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部