tooltip

Vue+高德地图巡航轨迹,实现轨迹回放加进度条,加减速

独自空忆成欢 提交于 2020-10-02 02:51:55
应公司业务要求,给轨迹回放加个滚动条,一开始我采用的是高德地图的折线绘制,但是如果要加上进度条并不太不合适,拖动滚动条,点位没有恢复的API,后来决定使用巡航轨迹,巡航轨迹支持更丰富的轨迹API,使用起来也更方便。 下面是做完的效果图: 使用的技术有:vue,高德地图1.4(amap),element-UI 下面的是部分源码: html部分 <template> <div id="demo"> <div id="test-map" /> <!--控制条--> <div class="map-control" v-show="isActual"> <!--播放暂停按钮--> <Icon v-if="!isPlay" class="play-icon" type="ios-play" @click="isPlay=true;navgControl('start')" /> <Icon v-else class="play-icon" type="ios-pause" @click="isPlay=false;navgControl('pause')"/> <!--已播放时间--> <span class="passed-time">{{passedTime}}</span> <!--进度条--> <el-slider v-model="sliderVal" :format

怎么实现员工和工资大数据分析,echarts+js实现

帅比萌擦擦* 提交于 2020-09-30 03:36:48
前言 现如今市场上的人事系统五花八门,可做了大数据分析的人事系统少之又少,最近本人花了一个星期好好研究了大数据展示方面的内容,图表主要用的是echarts来实现的,官网地址:https://echarts.apache.org/zh/index.html 下面两张图片展示出我实现的员工和工资的大数据分析界面: 员工大数据分析中心 工资大数据分析中心 如何实现漂亮的图表 地图实现 首先引入js文件,去官网可以下载到这几个文件,引入到项目中就好了。 < script type ="text/javascript" src ="~/showdata/js/jquery.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/echarts.min.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/china.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/area_echarts_hr.js" > 图层引入 < div class ="map4" id ="map_1" ></ div > 地图实现的js $(function

怎么实现员工和工资大数据分析,echarts+js实现

这一生的挚爱 提交于 2020-09-30 02:35:41
前言 现如今市场上的人事系统五花八门,可做了大数据分析的人事系统少之又少,最近本人花了一个星期好好研究了大数据展示方面的内容,图表主要用的是echarts来实现的,官网地址:https://echarts.apache.org/zh/index.html 下面两张图片展示出我实现的员工和工资的大数据分析界面: 员工大数据分析中心 工资大数据分析中心 如何实现漂亮的图表 地图实现 首先引入js文件,去官网可以下载到这几个文件,引入到项目中就好了。 < script type ="text/javascript" src ="~/showdata/js/jquery.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/echarts.min.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/china.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/area_echarts_hr.js" > 图层引入 < div class ="map4" id ="map_1" ></ div > 地图实现的js $(function