cesium踩(避)坑食用指南(一)

937 阅读2分钟

这一段是废话

因公司业务需要,特需要一套标绘工具,奈何本人英语菜的抠脚,对cesium也不熟练,幸好公司有一位后端大神精通gis技术,然后为我封装了一套标绘工具库!然而因为公司项目有新旧两个版本需要兼容,一个是模块化和一个非模块化的,所以在封装上有很多并不是太符合ES6模块标准。

cesium开发指南

先贴下官方链接(这个也是发现问题后是后端大大发给我的)-> CesiumJS and webpack

首先说下这一次遇到了什么坑吧,在配置好webpack的cesium引入问题,使用标绘功能的时候提供了空数组导致地图卡死没反应,原因是在开发中存在cesium对数据类型数据监测断言等一系列问题导致地图卡死或报错,在排查一系列问题后发现代码写的是莫得问题后,就只有查资料了。

先贴下官方截图

意思说在源码中存在错误和警告,这些代码在压缩版是已经移除的,但是在咱们npm引用包的里面是没有删除,但是没有内置的webpack删除方式,就使用一个webpack插件,strip-pragma-loader , 反正因为cesium已经装了两个webpack插件也不差这一个了,然后使用命令

npm install strip-pragma-loader --save-dev

官方给的文档实例还在说在build里配置目录,在咱们vue脚手架3.0以后都是集中使用vue.config.js来配置,那就在使用的地方配置以下他

有的小伙伴好奇cesiumSource是什么,就是一个路径如下截图

然后重启项目,再使用标绘功能,嗯,没问题了,真香,非常感谢后端大大给封装的库,以及帮忙拍错。