百度地图画运动轨迹,带箭头方向、纹理

//1.创建一个经纬度数组

List<LatLng> latLngPolygon = new ArrayList<LatLng>();

//2.这是一组经纬度集合(数据自己找)
LatLng pt1 = new LatLng(list.get(i). lat, list.get(i). lng);

latLngPolygon.add(pt1);//经纬度添加到数组里面

//3.到你要用的方法调用画轨迹方法

drawMyRoute(latLngPolygon);

//4.画轨迹方法
protected void drawMyRoute(List<LatLng> points2) {
    //添加纹理图片
    List<BitmapDescriptor> textureList = new ArrayList<BitmapDescriptor>();
    BitmapDescriptor mRedTexture = BitmapDescriptorFactory
            .fromAsset("icon_road_red_arrow.png");//箭头图片
    textureList.add(mRedTexture);
    // 添加纹理图片对应的顺序
    List<Integer> textureIndexs = new ArrayList<Integer>();
    for (int i=0;i<points2.size();i++){
        textureIndexs.add(0);
    }
    OverlayOptions options = new PolylineOptions()
            .textureIndex(textureIndexs)//设置分段纹理index数组
            .customTextureList(textureList)//设置线段的纹理,建议纹理资源长宽均为2的n次方
            .dottedLine(true)

            .color(0xAAFF0000)
            .width(15)
            .points(points2);
    mBaiduMap.addOverlay(options);

}

//5.箭头图片自己下载放到assets文件夹里面

//6.效果图片


  • 7
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
Vue 百度地图轨迹箭头是一种在 Vue 框架中使用百度地图 API 实现的功能,用于在地图上展示移动物体的轨迹,并以箭头的形式表示移动的方向。 要实现这一功能,首先需要在 Vue 项目中引入百度地图的 JavaScript API,并获取百度地图的开发密钥。然后,在 Vue 组件中使用地图容器,通过 JavaScript 代码调用百度地图 API 提供的相关方法,进行轨迹的展示和箭头的绘制。 具体步骤如下: 1. 在 Vue 组件中创建地图容器,可以使用 `<div>` 标签,将其设置一个唯一的 ID。 2. 在 Vue 组件的 `mounted` 钩子函数中,使用百度地图的 JavaScript API 初始化地图,并将地图容器与地图实例绑定在一起。 3. 通过百度地图的 JavaScript API 提供的相关方法,读取移动物体的坐标数据,并在地图上按照一定的时间间隔绘制轨迹线。同时,根据物体的当前坐标和前一时刻的坐标,计算出物体的移动方向,并在当前位置绘制箭头。 需要注意的是,为了实现轨迹箭头的移动效果,可以使用 JavaScript 的定时器函数 `setInterval` 或者 `requestAnimationFrame` 来不断更新物体的坐标和箭头方向,并实时在地图上更新。 总结起来,Vue 百度地图轨迹箭头是一种在 Vue 框架中使用百度地图 API 实现的功能,通过绘制轨迹线和箭头来展示移动物体的轨迹和移动方向。详细的实现步骤包括引入百度地图 API、创建地图容器、初始化地图实例、读取坐标数据、绘制轨迹线和箭头等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值