uniapp 框架下如何引入turf.js

turf.js是一个非常优秀的前端空间计算框架。最近遇到一个问题，在使用uniapp进行开发微信小程序时，无法通过npm正常引入turf.js，这个问题也解决了很久。最后解决的方式也稍微复杂。

在空项目中安装依赖

1.自己通过npm init先新建一个空项目。因为turf.js各模块都相对独立，这里，我就只部署我用到的模块了。不建议全部部署，代码太多了。

npm install @turf/boolean-point-in-polygon

2.install 完成后到node_modules文件夹下找到对应的文件，发现总共有三个文件夹，每个文件夹里都有一个index.js文件。

3.把三个index.js以文件夹的名字重命名后，拷贝到uniapp项目的目录下。

4.三个js文件的项目相互require的代码要根据路径调整一下。

5.在其他的文件里引用就可以了

uniapp 框架下如何引入turf.js相关推荐

OpenLayers6（8）：引入Turf.js做缓冲区分析
1 版本 OpenLayers:6.14.1 2 相关配置 //前端的地理空间分析库,处理各种地图算法npm i @turf/turf 3 Openlayers图形与图形Turf之间的互相转换使用策 ...
.NET, MVC框架下利用html, CSS,js实现弹出窗口
在前端UI交互过程中,经常会碰到需要弹出对话框的情况.通过html+css+js来自定义对话框是一个不错的方法. 1. 在HTML中,定义一个DIV. 1.1 将Style设置为 display:no ...
uni-app框架+app端+ethers.js库+以太坊开发+常见错误
uni-app框架常见错误解决方案: app端如果不使用兼容的ethers.js库,uni-app框架会报错: * reportJSException > ...
上车短视频赛道：基于uniapp框架快速搭建自己的仿抖音短视频APP
在今年也就是第48次发布的<中国互联网络发展状况统计报告>有这样一个数据,21年的上半年以来,我国我国网民规模达10.11亿,其中短视频用户达8.88亿.碎片化的生活场景下,短视频成为人们 ...
Vue中使用turf.js
turf.js中文版: https://turfjs.fenxianglu.cn/category/#cdn%E5%BC%95%E5%85%A5 turf计算面积.折线长度和两点距离:https:// ...
uni-app map路线轨迹回放功能及turf.js实现缓冲区渲染（微信小程序）
使用uni-app中 map组件实现路线轨迹回放功能. 1.通过接口获取返回的轨迹点. 2.地图的坐标系与轨迹点的坐标系要保持一致,否则轨迹有偏差.点经纬度转换,wgs84togcj02 =>j ...
day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定
回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...
uniapp怎么引入css_Uniapp怎么引入外部js
Uniapp引入外部js的方法:首先新建一个indexl文件,引入外部js,代码为[]:然后打开manifest文件. 本教程操作环境:windows7系统.uni-app2.5.1版本,该方法适用于 ...
[html] 在主框架下引入的iframe，如果检测这个iframe是否能打开，如果打不开则跳到404页面
[html] 在主框架下引入的iframe,如果检测这个iframe是否能打开,如果打不开则跳到404页面首先我们知道 iframe 只有 onload 事件,没有 onerror 事件,无论 if ...

uniapp 框架下如何引入turf.js

在空项目中安装依赖

uniapp 框架下如何引入turf.js相关推荐

最新文章

热门文章