第1关:绘制地图

任务描述
本关任务:使用JSP在百度地图上绘制一条共享单车起始路程。

相关知识
为了完成本关任务,你需要掌握:

如何创建地图实例;
如何在地图上绘制路程线。
创建地图实例
我们需要先在jsp中引入百度地图api。

效果如下:

给路程线设置标注和添加箭头
上图可以看到路程,但只有一条线并无法详细的向我们展示信息,因此我们可以通过给路程线添加标注位置和方向箭头。

绘制箭头

上图中,线段AB是路程线,只要绘制出CBD就可以实现箭头效果,为了灵活绘制箭头,需要用户自定义箭头的长度(r)和角度(angle)。
实现步骤如下:
变量定义:pixelStart(路程线起点坐标)、pixelEnd(路程线终点坐标)、r:(单位像素,并不是CB对应的箭头的长度,而是橘色线段对应的距离)、angle:箭头线((CB或者DB)与AB的夹角),函数定义为addArrow(polyline,r,angel):

首先要将AB两点的经纬度坐标转化成屏幕坐标
然后根据AB两点屏幕坐标以及r长度,计算绿色小绿点的屏幕坐标pixelTem。
再根据B点、小绿点的屏幕坐标及angle角度,计算出C,D两点的屏幕坐标
利用map的坐标转换方法,将C,D两点的屏幕坐标转成经纬度表示的坐标。
利用画线方法,绘制CBD折线。

共享单车之数据可视化相关推荐

  1. 共享单车数据集_共享单车项目数据可视化展示

    共享单车项目数据可视化展示 1. 数据收集 https://www.kaggle.com/c/bike-sharing-demand/data 1.1 数据说明及问题分析 数据内容包括两年内的每小时租 ...

  2. 共享单车项目数据可视化+需求策略分析

    一.项目背景 自行车共享系统是一种租赁自行车的方式,其中获得会员资格.租赁和归还自行车的过程是通过遍布城市的站点网络自动完成的.使用这些系统,人们可以从一个地方租用自行车,并根据需要将其归还到另一个地 ...

  3. 毕业设计 基于大数据的共享单车数据分析与可视化

    文章目录 0 前言 1 课题背景 2 数据清洗 3 数据可视化 热力图 整体特征分布 **查看2011-2012间的单车租借情况** 天气对于租借数量的影响 湿度与温度对于租借数量的影响 注册用户与未 ...

  4. 【头歌】共享单车之数据存储

    第1关:获取工作簿中的数据 任务描述 本关任务:获取data.xls文件中的数据. 相关知识 获取工作簿中的信息,我们可以使用Java POI(POI是一个提供API给Java程序对Microsoft ...

  5. ofo开放共享单车大数据平台

    共享单车的"共管共治"问题正日益受到社会各界的关注.昨天,ofo小黄车发布自主研发的"奇点城市慢行交通大数据平台".据了解,该平台首批将向全国约20个城市政府管 ...

  6. 教你用300万共享单车出行数据,预测骑行目的地 !(附源码)

    点击有惊喜 摩拜单车在北京的单车投放量已经超过40万.用户可以直接在人行道上找到停放的单车,用手机解锁,然后骑到目的地后再把单车停好并锁上.因此,为了更好地调配和管理这40万辆单车,需要准确地预测每个 ...

  7. 头歌 共享单车大数据项目数据分析

    第一关:数据探索与可视化 import pandas as pd import matplotlib matplotlib.use('Agg') import matplotlib.pyplot as ...

  8. 基于机器学习的共享单车需求量影响因素的数据可视化分析

    文章目录 前言 一.数据采集与处理 1.数据来源 2.数据预处理 二.可视化分析(统计学) 1.特征分解 2.整体关系图(pairplot) 3.相关性分析(heatmap) 4.参看各因素与coun ...

  9. 共享单车出行数据分析及可视化报告

    声明:仅供学习交流 1.导入pandas.numpy以及datetime库 2.数据清洗及预处理 2.1读取文件路径以及设置行距和列距 2.2将英文字段名修改成对应的中文 2.3  计算day数据集和 ...

最新文章

  1. iOS - Regex 正则表达式
  2. 码流 / 码率 / 比特率 / 帧速率 / 分辨率 / 高清
  3. Word2Vec(Efficient Estimation of Word Representations in Vector Space)
  4. CSS知识总结(五)
  5. idea连接跳板机_跳板机服务(jumpserver)
  6. KVM 创建虚拟机时,--os-variant参数这样填写
  7. 汉字-生僻字:生僻字目录2
  8. Python字典(二)
  9. 图片上传预览 (URL.createObjectURL)
  10. 华为odjava机试题_手心里的咕咕机,华为手机大小,性价比赶超小米的学习打印机...
  11. php api接口安全设计 sign
  12. iOS 安装包瘦身 (上篇)
  13. 阿里巴巴国际站关键词的收集
  14. [C#学习教程-委托]001.大道至简之委托(代理),匿名函数,Lambda表达式
  15. 什么是生物特征识别?有哪些生物特征?
  16. 维吉尼亚算法python编程实现
  17. 【C++程序设计Ⅱ 兼谈对象模型 ——侯捷大师】心得摘要
  18. C++实现字符串的部分复制
  19. 7-6 谁是凶手 (100 分)
  20. 通信原理 数字基带信号之码间串扰

热门文章

  1. java报错Error attempting to get column ‘XXX’ from result set. Cause: java.sql.怎么解决
  2. 数据集成解决方案探讨
  3. 弘辽科技:淘宝店铺出现异常,卖家该如何应对?要注意些什么?
  4. tcl 950 android 7,TCL 950测评:商务旗舰手机界的一股清流
  5. python内置函数表示2的10次幂_Python常见内置函数用法(二)
  6. Afterlogic Aurora Corporate Crack
  7. 中国银联正式开展非标商户管理试点工作 将严打“大商户模式”
  8. z370完美黑苹果_完工!搞掂i5-8600K 华硕PRIME Z370-P GTX 1060黑苹果安装
  9. AirPods Pro 卡顿或突然没声音的原因之一
  10. KITTI数据集详解和评价标准