AMap初级实战之二(MoveAnimation moveTo、moveAlong)

上一篇是amap 点标记方式闪动,通过websocket推送单个经纬度，后来用moveAlong实现了动画；代码如下图一图二；每次推送都会报"id of undefined",但是动画能动，不想管了，算是遗留了债；一个月后做小程序推送，瞄一眼web推送时，动画只会动一次，然后就再也不动了，心中大喊一时“ 不好” F12一看仅有一个"id of undefined" 下面全是“chain of undefined”;图三；百度三分钟没搞定就知道要还债了，

一度搞得我都想换巡航轨迹，这老哥总结的还可以; 感觉程序猿嘛不就是解决bug,原因总要找到的吧，淦；报错信息Array Foreach 以为传入的数据格式不对，这个错误想法导致浪费吃两盘鸡的时间，那就直接搜下MoveAnimation 官网文档就仔细看了moveto movealong用法https://lbs.amap.com/api/javascript-api/reference/overlay；，然后看了一篇特征说2.0对Marker 的moveTo、moveAlong接口升级官网说明：

错误原因是：每对这句话理解透彻：插件加载完成之后，Marker将都获得moveTo和moveAlong的能力。官方解释的都很详细切记要理解这句话，就明白了

don't say so much

ps: 高德地图今年三月份新发的2.0版本中对于moveTo的定义又进行了改变

Marker 的moveTo、moveAlong接口升级

<script src = 'https://webapi.amap.com/maps?v=2.0&key=您申请的key值' type="text/javascript" > </script>

这两个接口在API 2.0版本中需要先加载AMap.moveAnimation插件，插件加载完成之后，Marker将都获得moveTo和moveAlong的能力。

JSAPI 2.0 的 moveTo、moveAlong 方法可以支持更丰富的设置，如动画持时间，动画延迟时间，及分段设置动画时间等。

moveTo可以让marker以给定的速度从一个经纬度移动到另一个经纬度并自动调整车头方向(车头方向与起点到终点的直线平行)。也可以看做moveTo是moveAlong分步主动调用。

----------

另外因为是小火车所以加上websocket位置作动画的时候，播放火车的声音，地图上的小火车嘟嘟嘟的跑至此交作业了

AMap初级实战之二(MoveAnimation moveTo、moveAlong)相关推荐

2021年大数据Spark（三十七）：SparkStreaming实战案例二 UpdateStateByKey
目录 SparkStreaming实战案例二 UpdateStateByKey 需求 1.updateStateByKey 2.mapWithState 代码实现 SparkStreaming实战案例 ...
R使用tsne进行高维数据可视化实战：二维可视化、三维可视化
R使用tsne进行高维数据可视化实战:二维可视化.三维可视化 t-SNE是一种非常强大的技术,可以用于多维数据中的可视化分析(寻找模式).它对复杂多维数据的可视化能力是显而易见的,它以无监督的方式对数 ...
Python使用tsne进行高维数据可视化实战：二维可视化、三维可视化
Python使用tsne进行高维数据可视化实战:二维可视化.三维可视化 # 绘制二维可视化图像并添加标签字符函数 def plot_embedding(data, label, title):x_mi ...
Spring Boot 揭秘与实战（二）数据缓存篇 - EhCache
文章目录 1. EhCache 集成 2. 源代码本文,讲解 Spring Boot 如何集成 EhCache,实现缓存. 在阅读「Spring Boot 揭秘与实战(二) 数据缓存篇 - 快速入门 ...
（转载）Android项目实战（二十八）：使用Zxing实现二维码及优化实例
Android项目实战(二十八):使用Zxing实现二维码及优化实例作者:听着music睡字体:[增加减小] 类型:转载时间:2016-11-21 我要评论这篇文章主要介绍了Android项 ...
Java后端架构开荒实战（二）——单机到集群
Java后端架构开荒实战(二)--单机到集群一.前言上一篇文章做了一些准备工作,这边文章正式开始写代码. 在做好单实例架构之后,升级到集群是一件很容易的事情,所以把单机和集群放在这一篇一起说. 二 ...
基于 abp vNext 和 .NET Core 开发博客项目 - 定时任务最佳实战（二）
基于 abp vNext 和 .NET Core 开发博客项目 - 定时任务最佳实战(二) 转载于:https://github.com/Meowv/Blog 本篇继续来完成一个全网各大平台的热点新闻 ...
.NET 分布式架构开发实战之二草稿设计
前言: 本篇之所以称为草稿设计,是因为设计的都是在纸上完成的.反映了一个思考的过程. 本篇的议题如下: 1) 第一个数据层草图的提出 2) 对数据访问层的思考 3) 第二个数据层草图的提出 1.数据层 ...
【python opencv 计算机视觉零基础到实战】二、 opencv文件格式与摄像头读取
一.学习目标了解图片的结构属性了解如何捕获视频了解waitkey的使用方法目录 [python opencv 计算机视觉零基础到实战] 一.opencv的helloworld [[python ...

AMap初级实战之二(MoveAnimation moveTo、moveAlong)

AMap初级实战之二(MoveAnimation moveTo、moveAlong)相关推荐

最新文章

热门文章