如何利用百度地图JSAPI画带箭头的线

2024-12-29 06:48:45

推荐回答（1个）

回答1：

实现步骤如下：
变量定义：pixelStart：线的一端屏幕坐标，pixelEnd：线的箭头端屏幕坐标；r：选取多长距离绘制箭头（单位像素，并不是CB对应的箭头的长度，而是红色线段对应的距离）；angle：箭头线（CB或者DB）与AB的夹角。
1) 首先要将AB两点的经纬度坐标转换成屏幕坐标。
2) 然后根据AB两点屏幕坐标以及r长度，计算绿色小绿点的屏幕坐标pixelTem。
3) 然后根据B点、小绿点的屏幕坐标及angle角度，计算出C,D两点的屏幕坐标。
4) 利用map的坐标转换方法，将C,D两点的屏幕坐标转成经纬度表示的坐标。
5) 利用画线方法，绘制CBD多折线。
备注：思路很简单，主要是计算小绿点、C,D的屏幕坐标麻烦。