03 2023 档案
摘要:还没做文字标绘,累了,以后有需要有机会再说 下一篇:Mapboxgl draw 自定义标绘之二:图标、文本、圆形的创建与编辑,重写原模式相关方法,保持当前模式 自定义标绘方法 Mapboxgl标绘相关库 我当前使用的版本是: "@mapbox/mapbox-gl-draw": "^1.4.1", "
阅读全文
摘要:自定义弹窗的开发 自定义弹窗类CustomPopup.js export default class CustomPopup { // options.coordinates用于地图定位,必须有,其他属性根据具体业务调整 constructor(options) { this.popup = nul
阅读全文
摘要:这个问题遇到不下三次了,每次都有新的被折磨体验,令人头秃。希望这次可以彻底解决。 这次遇到问题的是mapboxgl的标绘插件@mapbox/mapbox-gl-draw的圆形扩展插件mapbox-gl-draw-circle,它用了commonjs语法,vite开发环境时引入没有问题,但打包后会报错
阅读全文
摘要:点进去后指向这一行: 重新一行一行看,发现是整理代码的时候,以为有一个prop变量用不到,删了,结果在组件模板另一个地方有用。奇怪这类问题为什么编辑器不会提示出来。 但是,把props补回去后又出现了新问题: 之前加载地图正常,突然报这个错。打断点发现是在mounted时dom没有渲染出来。把当前引
阅读全文
摘要:新建map-func.js,在main.js中全局定义$mapFunc。 map-func.js function getLayer(layerId) { return window.map.getLayer(layerId); } export default { getLayer }; main
阅读全文
摘要:手动狗头,换选型就是这么突然。 选用框架:Vue3+Vite+Mapboxgl 在工程中引入mapboxgl 使用了好心人给的 mapboxgl.js 和 mapboxgl.css,放在 public/mapboxgl 目录下,在 index.html 中引入,mapboxgl可作为全局变量使用:
阅读全文
摘要:原方法: /** * 构造树型结构数据 * @param {*} data 数据源 * @param {*} id id字段 默认 'id' * @param {*} parentId 父节点字段 默认 'parentId' * @param {*} children 孩子节点字段 默认 'chil
阅读全文