【行车路径规划】百度地图API,行车路径规划 起始点+途经点
为什么80%的码农都做不了架构师?>>>
这是 行车路线规划 通过 起始点, 和途经点,绘制出来的路线
<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 p1 = new BMap.Point(116.301934,39.977552);
var p2 = new BMap.Point(116.508328,39.919141);
//途经点
var p3 = new BMap.Point(116.405628,39.9139721);//天安门
var p4 = new BMap.Point(116.455646,39.937433);//体育馆//行车路线规划实例
var driving = new BMap.DrivingRoute(map, { renderOptions:{ map: map, autoViewport: true} ,onPolylinesSet:function(Route){//当线条添加完成时调用for(var i=0;i<Route.length;i++){var polyline = Route[i].getPolyline();//获取线条遮挡物polyline.setStrokeColor("#38CA69");//设置颜色polyline.setStrokeWeight(5);//设置宽度polyline.setStrokeOpacity(1);//设置透明度}console.log(Route);
},onMarkersSet:function(routes) {//当地图标记添加完成时调用for (var i = 0; i <routes.length; i++) {//判断是否是途经点if(typeof(routes[i].Km)=="undefined"){map.removeOverlay(routes[i].marker); //删除起始默认图标}else{map.removeOverlay(routes[i].Km); //删除途经默认图标}}}});driving.enableAutoViewport();//自动调整层级//自定义起点图标var m = new BMap.Marker(p1); m.setIcon(new BMap.Icon('http://demo.dingwei.cn/xingfou/public/Home/img/icon_21-25.png',new BMap.Size(20, 26),{anchor: new BMap.Size(10, 26)}));
map.addOverlay(m);//自定义终点图标var m = new BMap.Marker(p2); m.setIcon(new BMap.Icon('http://demo.dingwei.cn/xingfou/public/Home/img/icon_21-25.png',new BMap.Size(20, 26),{anchor: new BMap.Size(10, 26)}));
map.addOverlay(m);//自定义途经图标var m = new BMap.Marker(p3); m.setIcon(new BMap.Icon('http://demo.dingwei.cn/xingfou/public/Home/img/icon_21-25.png',new BMap.Size(20, 26),{anchor: new BMap.Size(10, 26)}));
map.addOverlay(m);//自定义途经图标var m = new BMap.Marker(p4); m.setIcon(new BMap.Icon('http://demo.dingwei.cn/xingfou/public/Home/img/icon_21-25.png',new BMap.Size(20, 26),{
anchor: new BMap.Size(10, 26)//这是图标的偏移量,一般x设置为 图片宽度一半,高度想等,就正确了}));
map.addOverlay(m);driving.search(p1, p2,{waypoints:[p3,p4]});//waypoints表示途经点</script>
转载于:https://my.oschina.net/Peron/blog/913188
【行车路径规划】百度地图API,行车路径规划 起始点+途经点相关推荐
- 百度地图API——多点路径连线问题
本文系作者 chaoCode原创,转载请私信并在文章开头附带作者和原文地址链接. 违者,作者保留追究权利. 前言 本文是对于在项目应用有遇到的多点连线问题,我的一些解决方式,以及对于之前所学习的一些百 ...
- 百度地图api实现路线规划之步行驾车
着手做一个用户轨迹的demo,大概分了下步骤:1.过滤边缘点:2.分段量化聚类焦点关键点:3.基于关键点的百度地图api路线规划:4:路线择优 我们先看下第三点基于键点的百度地图api路线规划的方案, ...
- 结合奥维地图与百度地图api进行路径规划开发测试(python、HTML)
第一步:奥维地图如何得到规划路径上轨迹点的经纬度(参见我之前的博客). 第二步:各种坐标系转换,选择对应转换坐标系以及输入输出文件路径后可以直接调用(python批量转换,每次运行前清空输出文件res ...
- 百度地图API - 行车路线 轨迹
转自:http://hi.baidu.com/hackerbase/item/0a54b12d0005690e72863e3c <!DOCTYPE html> <html> ...
- 安卓百度地图之步行路径规划
使用的是百度地图的API,地址是:androidsdk | 百度地图API SDK 步骤一:配置build.gradle dependencies {implementation 'com.baidu ...
- 使用百度地图API计算两点直线距离、道路距离和行车时间
使用百度地图API计算两点直线距离.道路距离和行车时间 摘要 关键词 介绍 数据展示 工具介绍 根据经纬度计算两点之间的距离 根据经纬度计算两点之间的道路距离和行车时间 多进程 运行中 结果展示 问题 ...
- Python调用百度地图api路径查询
通过调用百度地图api获取两个地点的距离和时间.参数详见百度地图api官方文档. # -*- coding: utf-8 -*- """ Created on Thu M ...
- 百度地图API制作类似 百度地图的路线导航界面并实现简单的路线规划功能
之前我们讲了怎么在百度地图上设置Marker(如A点..) 和弹出框(跟随Marker的,Marker移动的时候也是会跟着移动的),接着又觉得百度地图自带的放大缩小不(fei)是(chang)很(de ...
- Python调用百度地图api获取起点终点路线规划距离和预估时长
现有起点和终点坐标值(经纬度lng.lat),目的是通过百度地图开发者平台的路线规划功能获取起点终点路线规划距离和预估时长,百度地图开发者平台路线规划使用说明网址为:http://lbsyun.bai ...
- 百度地图绘制行车路线
百度地图开发平台 http://lbsyun.baidu.com/ 百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富.交互性强的地图 ...
最新文章
- 【枚举】【二分答案】【分块答案】【BFS】【最大流】【Dinic】bzoj1189 [HNOI2007]紧急疏散evacuate...
- “众所周知,视频不能P”,GAN:是吗?
- 网站SEO优化可通过哪些数据分析来解决问题?
- 斯坦福大学Andrew Ng - 机器学习笔记(3) -- 神经网络模型
- JAVA中循环删除集合中元素的方法总结
- php表单验证并使值变化,php – Zend_Form手动设置和验证字段值
- TensorFlow:实战Google深度学习框架(一)计算、数据、运行模型
- java 循环 基本类型
- html form int,is_int, is_numeric, is_float, and HTML form validation
- php调用at命令,执行AT命令在php中发送短信
- Caffe Batch Normalization推导
- oracle连接报08006,oracle数据库无法连接 The Network Adapter could not establish
- Connection reset原因分析和解决方案
- Bailian4129 变换的迷宫【BFS】
- 计算机应用新教程,计算机应用基础教学教程(新).doc
- 项目管理知识体系指南(第六版PMBOK 指南)目录
- RTL8723BU wifi 及 热点移植和测试
- 获取Keycloak的Token示例
- JVM3:实战:内存分配与回收策略
- Google 协作平台 博客和内容管理系统 跟踪代码设置 GA谷歌分析