高德地图清除巡航播放轨迹

10 篇文章 1 订阅

近期在做地图项目,利用的是高德地图API。遇到了一些问题。在此记录下来。

问题描述

动态生成的轨迹利用setData来设置数据,同样我们可以利用这个方法来清除数据。
以下只展示相关代码,自己本身业务相关代码不做展示。

代码如下:

	trackInit() {
	// 重要!!! 就是它起到清除数据的作用。注意它放在方法的最顶部
		if (window.pathSimplifierIns) {
        //通过该方法清空上次传入的轨迹
	        pathSimplifierIns.setData([]);
	    }
	    // 接下来就是初始化巡航代码,都是雷同的。可以省略
	    AMapUI.load(['ui/misc/PathSimplifier', 'lib/$'], function(PathSimplifier, $) {
	    	if (!PathSimplifier.supportCanvas) {
	            alert('当前环境不支持 Canvas!');
	            return;
	        }
	        let pathSimplifierIns = new PathSimplifier({
	        	// 下面是你的配置代码
	        	// 例如 
	        	// 设置地图元数据 
	        	// map: this.map, 
	        	// 设置层级
	        	// zIndex: 1000
	        })
	        // 接下来,重要的一个地方来了。很多人没写下面的这段话,导致了最上面的清除数据没起作用
	        window.pathSimplifierIns = pathSimplifierIns
	        // 这样每次初始化之前都会先清除数据。
	        // 如果你想再次设置数据,可以如下方式继续写
	        pathSimplifierIns.setData(initData);
	        // 后面的代码是业务代码,故省略
	        // xxxxx
	    })
    }
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值