基于高德地图的轨迹绘制与轨迹回放

最新推荐文章于 2023-03-24 13:55:32 发布

FloraCat_染小白

最新推荐文章于 2023-03-24 13:55:32 发布

阅读量5.2k

点赞数 3

分类专栏：数据可视化前端项目实践

本文链接：https://blog.csdn.net/u014322206/article/details/102760529

版权

本文详细介绍了如何利用高德地图API在Web应用中实现轨迹的绘制和回放效果，包括坐标数据处理、地图初始化、轨迹线绘制、动画回放等关键步骤，为地理信息系统开发者提供了一种实用的技术方案。

摘要由CSDN通过智能技术生成

         load2DMap() {   
            var tableData = this.tableData;  
            var lineArr = this.lineArr;  // 路径数组（二维数组，格式如[ [117.139161, 36.667547], [117.139170, 36.667689]]）
            var marker = this.marker;    // 轨迹回放数组

            if(tableData && tableData.length !== 0) {
                var centerArr = [tableData[0].Longitude,tableData[0].Latitude];
            };

            var roadNet = new AMap.TileLayer.RoadNet({  
                opacity: 0.3   
            });
            var map = new AMap.Map("map-container", {
                center: centerArr || [117.139161, 36.667547],
                layers:[
                  new AMap.TileLayer.Satellite(),   // 卫星图层
                  roadNet                           // 路网图层
                ],
                zoom: 17
            });

            /**
              * 绘制路线
              */