百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)

自用的封装好的,有弹窗,轨迹回放,画点画地图

    • 完整代码
    • 使用

百度地图的官方文档
百度地图必须的三个引用
百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)_第1张图片

完整代码







使用

   

去查询gps的数据,反正数据格式一样就行了.现在variable.points是个数组,里面point就俩属性longitude和latitude.其实里面的弹框有用到其他的属性,反正到时候用到啥加啥

 //查询gps信息
     variable.points=[]
     if (isMyEmpty(variable.data.loadNo)){
     }else{
       let gpsRes=await esbGpsPostionPage({loadNo:variable.data.loadNo});
       gpsRes.rows.forEach(item=>{
         //数据格式需要转化
         let point={longitude:item.lon,latitude:item.lat}
         variable.points.push(point)
       })
     }

百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)_第2张图片
百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)_第3张图片

百度地图直接用的封装好的--自用vue的(每次项目都要有百度地图,还是搞个封装的差不多的以后可以直接拿来用)_第4张图片

你可能感兴趣的:(vue.js,前端,javascript,百度地图)