天地图学习计划

天地图：{

地图安装插件：

npm install vue-tianditu

and

yarn add vue-tianditu

main文件配置（

import VueTianditu from 'vue-tianditu'

Vue.use(VueTianditu, { v: '4.0',

tk: 'd17e8d73eb49a54b72c039ff6a868956',

plugins: ['CarTrack']`

})

)

页面文件：进行页面搭建

（

天地图标签使用：

<tdt-map/> "地图主标签标点，小车轨迹等等再此标签内使用"

<tdt-cartarck/>"此标签为车辆"

<tdt-search/>"此标签为天地图自带的地点搜索栏"

<tdt-mousetool>"此标签为地图工具"

<tdt-circle>"此标签是工具的画圆工具"

<tdt-marker>"此标签为工具的标点工具"

<tdt-polyline>"此标签为线路标签"

"以上的标签除搜索栏之外，在天地图上操作都为数据驱动，由经纬度来控制。标点、线路、画圆、车辆等等用到的经纬度变量必须是唯一变量"

除天地图以外div等等的使用：

除天地图固用标签以外，按钮弹框等等都在<tdt-map/>标签以外才能使用且使用是需要控制z-index图层

否则将会被地图覆盖，还有位置div所需要进行position: absolute控制位置

）

}

实现标点获取经纬度，保存线路点进行后台进行存储线路，拿到历史记录标点进行历史线路恢复

拿到经纬度进行车辆轨迹路线移动