11 2022 档案
摘要：底部数据列表主要是记录图层下面对应的点线面数据，点击单元行或者查看或者编辑，弹出右侧编辑页面，点击单元行地图定位到相应的绘图位置。里面的难点1是动态绑定字段管理编辑的字段以及对应的value值，2是点击查看或编辑的时候做事件修饰符，阻止事件冒泡，3是点击单元行展示绘图信息，并定位到相应的位置，4是根
阅读全文
摘要：在页面开发中，深深的被element组件所吸引，里面很多小组件都可以直接使用。像是记事本提示、记事本列表时间线、右侧编辑页面的form表单，编辑和查看状态的切换等等，比之前iOS原生开发所有的东西都要自己开发要效率不少。记事本列表主要是展示文字记录，绑定到底部某一条数据记录，里面的两个功能点一是时间
阅读全文
摘要：右侧编辑页面主要有两个入口，一是添加marker或者线面双击结束的时候，新建数据信息；二是点击底部数据的单元行或者查看编辑或者点击地图上的marker以及线面，编辑相关数据。整理总结不易，如需全部代码，请联系我15098950589（微信同号）。和以往一样，先发一下效果图。 右侧编辑列表核心代码如下
阅读全文
摘要：行政区绘制是基于高德地图的api，需要在高德提供的代码基础上做好html代码在vue页面上的适配。核心功能就是选择省市区，可以根据需要绘制对应选中的地图图层。整理总结不易，如需全部代码，请联系我15098950589（微信同号）。和以往一样，先发一下效果图。 行政区查询核心代码如下 getData(
阅读全文
摘要：项目开发是完全仿照钉图的功能，参照钉图的逻辑和高德地图的参考手册以及aip文档，一点点的把功能做出来并呈现最后的效果。选中画点，在地图上获取经纬度并进行反地理编码，添加marker并弹出右侧编辑页面，选择绑定所属图层，获取相应的动态标签列表，最后保存数据到数据列表。整理总结不易，如需全部代码，请联系
阅读全文
摘要：项目开发前还是特别说明一下组件库的重要性，谢谢饿了么团队分享的element组件库，大大节省了页面的开发成本。左侧图层列表核心功能有1、根据图层类型展示点线面2、开关控制右侧地图上点线面的展示和隐藏3、点击数据列表，展示图层数据列表，点击某一行在地图上展示绘图信息，点击查看编辑弹出右侧编辑页面4、字
阅读全文
摘要：最近公司让参考钉图做图层模块相关的功能，很庆幸有机会细细研究地图相关的东西。因为手机端用的是高德地图，web端也使用高德地图。还是和往常一样，先贴上效果图。 步骤1、在高德开放平台注册信息，创建自己的应用，可获取到key值和安全密钥jscode 步骤2、在public文件中引入高德地图的样式文件 <
阅读全文
摘要：项目开发中用到了定位打卡，保存当前位置到上传图片的功能。刚开始想着后端人员合成，前端上传经纬度、位置信息和图片就OK，没想到后端人员以使用项目中现有的组件为借口，让前端合成图片，造成前端工作量大增，再加上网上前端合成水印的资料不是很多，被领导反复的摧残。幸得几位朋友指点迷津，一步步的钻研改进，最终完
阅读全文
