高德地图js api:轨迹在vue项目中的隐藏、显示、清空.hide().show().setData([])

记录一下在使用vue重构项目时，高德地图轨迹使用的问题。
在做项目中，碰到提供给用户radio-box，让用户选择看哪条轨迹，高德地图js api手册只是陈列了方法.hide()以及.show()，但没有仔细介绍如何使用方法，实例中也没有使用。
（调用Amap这里就不讲了）
我在网上搜了很多博客都没有找到如何使用这两种方法，但是手册里写着就觉得肯定可以实现所以不断尝试，最后总结一下写两个简单的例子。期间也尝试过通过setData([])清空轨迹数据重绘轨迹，但是在轨迹少时每一次点击重绘有点浪费，速度也会变慢，所以记录一下这两种方法在使用的优缺点。
第一种：.hide(),.show() 推荐轨迹较少时使用
轨迹的隐藏（hide）及显示（show）只需要第一遍加载时渲染轨迹，后面每次切换不需要重新渲染轨迹，因此速度较快，数据较少时使用很方便，具体操作如下：
第一部分：

<template>
	<div class="radioBox">
   		 <el-radio-group v-model="type" @change="handleCarWheelPathChange">
    				<el-radio :label="1">全选</el-radio>
    				<el-radio :label="2">去程</el-radio>
    				<el-radio :label="3">返程</el-radio>
 	   </el-radio-group>
	</div>
</template>

<script>
	export default {
   
		data() {
   
			return {
   
			   type:1,//初始radio为1
			   map:null,
			  		}
			   },
		 mounted(){
   
		   this