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

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

百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口，包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务，提供基本地图展现、搜索、定位、逆/地理编码、路线规划、LBS云存储与检索等功能，适用于PC端、移动端、服务器等多种设备，多种操作系统下的地图应用开发。

实现步骤如下： 变量定义：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的屏幕坐标麻烦。