因为公司有一些特殊的需求,前几天在做上一个上一个项目的时候,用到了谷歌地图,路径回放这个功能再百度地图和高德地图是有API直接可以使用的,奈何公司领导只让用谷歌地图,搜索发现网上并无多少相关文章,所以我把我在开发过程中遇到的问题记录下来,希望能够帮助大家。我的可能不是最优解决方案,仅供大家参考!
第二个遇到问题就是,两点之间的路径如果已经实现,或者动画效果也已经实现,但是领导需要在绘制动画时加一个箭头,根据当时汽车真实方向地图上箭头指向对应方向。
首先需要在每个地点记录的数据中,有一个真实方向角度的字段。
因为谷歌地图没有直接可以使用的API,我是用过一个 marker 根据当时的路径动画同步前进,不断变换位置实现的,使用八张图片,在每次绘制出marker的时候做做判断,然后生成对应角度的箭头图片,并且把上一个绘制的图标删除,代码如下:
假设按钮为:<div class="top_btn1">开始回放</div>
//声明一个计数变量
var marker_count = 1;
//声明两个变量用来存储时间循环
var begin_marker;