npm 包 simplify-js 使用教程

阅读时长 3 分钟读完

什么是 simplify-js?

simplify-js 是一款 JavaScript 库,可以用来简化和平滑化多边形地图、闭合多边形和多折线等图形。这个库能够将一些复杂的多边形简化成只有个别点组成的线段,从而提高网站的性能,并且让这些图形更易于处理。

安装 simplify-js

安装这个库非常简单,只需要使用以下命令即可:

当然,你也可以在你电脑的项目目录下使用以下命令:

这样,就可以安装 simplify-js 了。

使用 simplify-js

使用 simplify-js 也非常简单,只需要调用 simplify 方法就可以了。

  • points:一个包含点坐标的数组。
  • tolerance:可选参数,指定可忍受的点位偏移值,默认为 1。
  • highestQuality:可选参数,指定是否要输出最高精度的结果,默认为 false。

下面是一个综合示例:

-- -------------------- ---- -------
----- -------- - -----------------------

----- ------ - -
  - -- ---- -- --- --
  - -- ---- -- --- --
  - -- ---- -- --- --
  - -- ---- -- --- -
--

----- --------- - ---
----- -------------- - ------

----- ---------------- - ---------------- ---------- ----------------

------------------------------

执行上面的代码输出结果为:

这个函数返回一个简化后的点数组,这里比较有意思的一点是,有些点是直接被丢掉了的。多折线也可以使用。

-- -------------------- ---- -------
----- -------- - -----------------------

----- ------ - -
  -
    - -- ---- -- --- --
    - -- ---- -- --- --
    - -- ---- -- --- --
    - -- ---- -- --- -
  --
  -
    - -- ---- -- --- --
    - -- ---- -- --- --
    - -- ---- -- --- --
    - -- ---- -- --- -
  -
--

----- --------- - ---
----- -------------- - ------

----- ---------------- - ------------ -- ----------- ---------- -----------------

------------------------------

执行上面的代码输出结果为:

-- -------------------- ---- -------
-
  -
    - -- ---- -- --- --
    - -- ---- -- --- --
    - -- ---- -- --- -
  --
  -
    - -- ---- -- --- --
    - -- ---- -- --- --
    - -- ---- -- --- -
  -
-

总结

使用 simplify-js 可以简化和平滑化多边形地图、闭合多边形和多折线等图形。这样可以提高网站的性能,并且让这些图形更易于处理。在使用 simplify-js 的时候,需要调用 simplify 方法,传入一个包含坐标点的数组,simplify 方法返回一个简化后的点数组。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedcc00b5cbfe1ea06126d3

纠错
反馈