google map 地图轨迹点以画带箭头的直线连接,直观轨迹记录。

2023-10-10 15:20

本文主要是介绍google map 地图轨迹点以画带箭头的直线连接,直观轨迹记录。,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!




       一般我们在做地图定位或轨迹查询的时候,需要在地图上绘画各个轨迹点的marker,然后记录各marker点的经纬度坐标,通过drawLine或drawPath可以把各个点连接起来,以实现轨迹记录。

       但是我们想如果这条线能从起始点的marker到中途以及最后点的marker能有一条带箭头的直线连接起来,这样用户看起来更直观一点,一眼就能看懂起始点和终点的线路。这样就需要我们判断直线所画的方向和中途marker点的位置,然后延伸画两条小线,以实现箭头的效果。

	class LineOverlay extends Overlay {/*** according two GeoPoint, draw a line.(use in track)* must have frontGeopoint and backGeopoint  */private GeoPoint front;private GeoPoint back;Paint paint;public LineOverlay() {}public LineOverlay(GeoPoint front, GeoPoint back) {this.front = front;this.back = back;}public void draw(Canvas canvas, MapView mapview, boolean shadow) {super.draw(canvas, mapview, shadow);paint = new Paint();paint.setColor(Color.BLUE);paint.setStyle(Paint.Style.FILL_AND_STROKE);paint.setStrokeWidth(2);paint.setAntiAlias(true);Point point_f = new Point();Point point_b = new Point();//Path path = new Path();mapview.getProjection().toPixels(front, point_f);mapview.getProjection().toPixels(back, point_b);// begin//path.moveTo(point_b.x, point_b.y);// end//path.lineTo(point_f.x, point_f.y);//canvas.drawPath(path, paint);//JudgeDrawArrow(canvas, point_b.x, point_b.y, point_f.x, point_f.y);JudgeDrawArrow(canvas, point_f.x, point_f.y, point_b.x, point_b.y);}/** x1 is the first geopoint marker point X,y1 is that Y;* x2 is the second geopoint marker point X,y2 is that Y;* judge and draw arrow line*/public void JudgeDrawArrow(Canvas canvas, int x1, int y1, int x2, int y2) {double arrow_height = 10; // 箭头高度  double arrow_btomline = 7; // 底边的一半  int x3 = 0;  int y3 = 0;  int x4 = 0;  int y4 = 0;double arctangent = Math.atan(arrow_btomline / arrow_height); // 箭头角度  double arrow_len = Math.sqrt(arrow_btomline * arrow_btomline + arrow_height * arrow_height); // 箭头的长度  double[] endPoint_1 = rotateVec(x2 - x1, y2 - y1, arctangent, true,  arrow_len);double[] endPoint_2 = rotateVec(x2 - x1, y2 - y1, -arctangent, true,  arrow_len);double x_3 = x2 - endPoint_1[0]; // (x_3,y_3)是第一端点  double y_3 = y2 - endPoint_1[1];  double x_4 = x2 - endPoint_2[0]; // (x_4,y_4)是第二端点  double y_4 = y2 - endPoint_2[1];  Double X3 = new Double(x_3);x3 = X3.intValue();  Double Y3 = new Double(y_3);  y3 = Y3.intValue();  Double X4 = new Double(x_4);  x4 = X4.intValue();  Double Y4 = new Double(y_4);  y4 = Y4.intValue();  // 画线  canvas.drawLine(x1, y1, x2, y2,paint);  // 画箭头的一半  canvas.drawLine(x2, y2, x3, y3,paint);  // 画箭头的另一半  canvas.drawLine(x2, y2, x4, y4,paint);  }  public double[] rotateVec(int px, int py, double ang, boolean isChlen,double newLen) {  double rotateResult[] = new double[2];  // 矢量旋转函数,参数含义分别是x分量、y分量、旋转角、是否改变长度、新长度  double vx = px * Math.cos(ang) - py * Math.sin(ang);  double vy = px * Math.sin(ang) + py * Math.cos(ang);  if (isChlen) {  double d = Math.sqrt(vx * vx + vy * vy);  vx = vx / d * newLen;  vy = vy / d * newLen;  rotateResult[0] = vx;  rotateResult[1] = vy;  }  return rotateResult;  }}

构造器的两个参数分别为GeoPoint对象,(geopoint1,geopoint2)

point_f.X,Y为marker点1的屏幕坐标点,point_b.X,Y为marker点2的屏幕坐标点。

(效果图)

这篇关于google map 地图轨迹点以画带箭头的直线连接,直观轨迹记录。的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/181298

相关文章

W外链微信推广短连接怎么做?

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时,首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值,还要能够激起人们的分享欲望。对于许多企业和个人来说,尤其是那些缺乏创意和写作能力的人来说,这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大,不同用户的需求和兴趣各异。因此,制作推广链接时需要精准定位目标受众,以便更有效地吸引他们点击并分享链接

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题:墙体两侧特征混淆误匹配,导致建图和定位偏差,表现为过门跳变、外月台走歪等 ·解决思路:预期的根治方案IGICP需要较长时间完成上线,先使用切分地图的工程化方案,即墙体两侧切分为不同地图,在某一侧只使用该侧地图进行定位 方案思路 切分原理:切分地图基于关键帧位置,而非点云。 理论基础:光照是直线的,一帧点云必定只能照射到墙的一侧,无法同时照到两侧实践考虑:关

Node.js学习记录(二)

目录 一、express 1、初识express 2、安装express 3、创建并启动web服务器 4、监听 GET&POST 请求、响应内容给客户端 5、获取URL中携带的查询参数 6、获取URL中动态参数 7、静态资源托管 二、工具nodemon 三、express路由 1、express中路由 2、路由的匹配 3、路由模块化 4、路由模块添加前缀 四、中间件

POJ1269 判断2条直线的位置关系

题目大意:给两个点能够确定一条直线,题目给出两条直线(由4个点确定),要求判断出这两条直线的关系:平行,同线,相交。如果相交还要求出交点坐标。 解题思路: 先判断两条直线p1p2, q1q2是否共线, 如果不是,再判断 直线 是否平行, 如果还不是, 则两直线相交。  判断共线:  p1p2q1 共线 且 p1p2q2 共线 ,共线用叉乘为 0  来判断,  判断 平行:  p1p

Java 连接Sql sever 2008

Java 连接Sql sever 2008 /Sql sever 2008 R2 import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.Statement; public class TestJDBC

实例:如何统计当前主机的连接状态和连接数

统计当前主机的连接状态和连接数 在 Linux 中,可使用 ss 命令来查看主机的网络连接状态。以下是统计当前主机连接状态和连接主机数量的具体操作。 1. 统计当前主机的连接状态 使用 ss 命令结合 grep、cut、sort 和 uniq 命令来统计当前主机的 TCP 连接状态。 ss -nta | grep -v '^State' | cut -d " " -f 1 | sort |

Collection List Set Map的区别和联系

Collection List Set Map的区别和联系 这些都代表了Java中的集合,这里主要从其元素是否有序,是否可重复来进行区别记忆,以便恰当地使用,当然还存在同步方面的差异,见上一篇相关文章。 有序否 允许元素重复否 Collection 否 是 List 是 是 Set AbstractSet 否

记录每次更新到仓库 —— Git 学习笔记 10

记录每次更新到仓库 文章目录 文件的状态三个区域检查当前文件状态跟踪新文件取消跟踪(un-tracking)文件重新跟踪(re-tracking)文件暂存已修改文件忽略某些文件查看已暂存和未暂存的修改提交更新跳过暂存区删除文件移动文件参考资料 咱们接着很多天以前的 取得Git仓库 这篇文章继续说。 文件的状态 不管是通过哪种方法,现在我们已经有了一个仓库,并从这个仓

消除安卓SDK更新时的“https://dl-ssl.google.com refused”异常的方法

消除安卓SDK更新时的“https://dl-ssl.google.com refused”异常的方法   消除安卓SDK更新时的“https://dl-ssl.google.com refused”异常的方法 [转载]原地址:http://blog.csdn.net/x605940745/article/details/17911115 消除SDK更新时的“

【Go】go连接clickhouse使用TCP协议

离开你是傻是对是错 是看破是软弱 这结果是爱是恨或者是什么 如果是种解脱 怎么会还有眷恋在我心窝 那么爱你为什么                      🎵 黄品源/莫文蔚《那么爱你为什么》 package mainimport ("context""fmt""log""time""github.com/ClickHouse/clickhouse-go/v2")func main(