turf.js介绍及使用（地图掩膜遮罩功能的实现）_办公生活

turf.js介绍及使用（地图掩膜遮罩功能的实现）

创始人

2024-01-26 04:33:35

目前在前端GIS应用中turf.js几乎是必不可少了，我们首先来看一下官网的介绍。

官网地址：Turf.js中文网

官网提供了许多方法，基本的turf的引入和使用我就不说，我说一些重要的常用的，以及大家没注意到的点。

1.计算多边形的边界范围

这个函数（功能）很常用，尽管在很多前端的GIS框架中都自带这一功能，但是有时在脱离环境的前提下想要计算边界这个函数还是很好用的。

var line = turf.lineString([[104.99467, 30.071677],[107.13797, 36.550462],[112.607082, 34.991467]]);
var bbox = turf.bbox(line);
var bboxPolygon = turf.bboxPolygon(bbox);

上面是官网的示例，实际上可以计算边界的不仅仅是线要素，我们更多使用的是面要素，因此呢在使用这个函数的时候大家可以将一个标准的面要素，geojson格式的面要素当作参数传入，turf也会计算出一个extent给我们的。可以封装一个方法：

  getExtent(geojson) {return turf.bbox(geojson);}

这样在前端项目中如果你遇到了geojson数据，不管是服务传给你的还是本地的静态的数据࿰

上一篇：延伸句:魏格纳非常兴奋

下一篇：独自忍受就够了

热门资讯

北京的名胜古迹北京最著名的景... 北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...

埃菲尔铁塔在哪中国仿建埃菲尔... 2019年4月26日，广西南宁市，街头惊现一座巨型山寨版埃菲尔铁塔，高约20米，白色塔身，造型逼真，...

插入行快捷键 excel添加空... 如下图所示，像这样在两行之间插入多行空白行的操作，你会几种？可能很多人都会觉得，不就是插入空行嘛，简...

苗族的传统节日贵州苗族节日有... 【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...

我喜欢你韩语怎么说 sikid...

应用未安装解决办法平板应用未... ---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...

脚上的穴位图脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用，包括头部穴位图、胸部穴位图、背部穴位图、胳...

长白山自助游攻略吉林长白山游... 昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...

猫咪吃了塑料袋怎么办猫咪误食... 你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...

世界上最漂亮的人世界上最漂亮... 此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...