高德地图 轨迹巡航

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r' 本次场景需求是查询历史数据返回一组经纬度和相关数据在地图中使用轨迹巡航API巡航,期间的文本框每经过一个坐标其数值就会改变,文章末尾有demo文件,需要自取。 效果图 Data展开详情12345678910111...

发布于 Vue

高德地图 绘制折线功能

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r' 本 DEMO 使用高德最新JS API 2.0版本,使用 NPM 方式使用 Loader 安装1yarn add @amap/amap-jsapi-loader --save 加载高德地图12345678910...

发布于 Vue

在 vue 项目中使用 iconSvg

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'以前我的项目 Icon 都是使用 iconfont 来下载 SVG,然后在项目中使用这些 SVG 12345<img :scr=svgLogo />...<script>import svg...

发布于 Vue

鼠标拾取x y坐标绘制线功能记录

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'项目需求最近项目上有个需求是点击弹窗显示一张地图(图片),用户可以在地图上点击拾取当前坐标的 x y 并绘制成线,以达到在地图上做标注的功能,直接使用地图框架显得太重,于是要求手写一个 svg 画线功能,并将点击的 ...

发布于 Vue

vue 路由配置(导航守卫 + 白名单)

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'Vue Router Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路...

发布于 Vue

vue 非父子间传值:事件总线($eventBus)

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'事件总线 EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也...

发布于 Vue

vue 配合后台实现 wd 文件导出功能

var meting_api='https://api-meting.geekswg.top/api?server=:server&type=:type&id=:id&r=:r'开始在 vue 框架中,与传统的根据路径下载文件 document.getElementById("").src='' 方式不同,有时候,我们会需要将上传的文件在后台直接进行处理再...

发布于 Vue