
前端
ZHANGF13
前端开发一枚
展开
-
vue项目中Leaflet popup标牌自定义点击事件,并传递参数
@TOCvue项目中Leaflet popup标牌自定义点击事件,并传递参数vue项目中Leaflet popup标牌自定义点击事件,并传递参数一个地图项目中使用到leaflet地图,根据后端数据循环在地图上生成标记点markers,点击marker时弹出popup标牌,然后用过标牌的按钮,进行后续操作,比如,路由跳转,打开新的模态框等等…遇到的问题data(){ return{ curData:'', }},methods:{ func(){ console.log('11111原创 2021-12-10 11:04:45 · 2542 阅读 · 0 评论 -
leaflet地图坐标偏移问题记录
leaflet加载各厂地图插件ChineseTmsProvidersChineseTmsProviders插件可以使leaflet地图通过加载瓦片地图的方式加载不同厂商地图的方式/* 以vue为例安装 npm install leaflet.chinatmsprovidersmain.js引入*/import 'leaflet.chinatmsproviders/src/leaflet.ChineseTmsProviders.js'ChineseTmsProviders提供了对高德、百度、原创 2021-03-08 10:38:46 · 3745 阅读 · 7 评论 -
Antdv文件上传过程完全可控
文件上传组件 a-upload属性借用官网API主要关注上传的钩子函数before-upload,以及文件变化的回调函数change设置上传属性 <a-upload action="url" @change="uploadChange" :headers="reqHeaders" :data=reqData method='post' accept='.doc,xls' size='' :b原创 2020-11-16 18:03:36 · 1927 阅读 · 0 评论 -
高德地图自定义图层
高德地图利用canvas绘制图层首先在html文件引入高德api添加canvas图层初始化canvas坐标转换在canvas绘制区域和文字添加图层到地图总结首先在html文件引入高德api<script src="https://webapi.amap.com/maps?v=1.4.3&key=KEY&plugin=AMap.MouseTool,AMap.CustomLayer,AMap.Heatmap"></script>//根据在页面#container元原创 2020-10-17 14:02:13 · 3178 阅读 · 1 评论