npm 包 polytogeojson 使用教程

在前端开发过程中，我们经常需要将地图中的多边形或者多边形集合转换为 GeoJSON 格式。这时，我们可以使用 npm 包 polytogeojson 来完成这个任务。这篇文章将为您介绍如何使用 polytogeojson 包以及它的使用指南。

polytogeojson 是什么

polytogeojson 是一个用来将多边形或者多边形集合转换成 GeoJSON 格式的 npm 包。使用它可以将多边形坐标集合与属性，转换为 GeoJSON 格式的 FeatureCollection 或者 Feature。

polytogeojson 的安装

可以通过 npm install 命令来安装 polytogeojson：

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

polytogeojson 的使用

polytogeojson 提供了两种 API 用于使用它：一个同步方法和另一个是异步方法。这里我们主要介绍同步方法的使用。

将多边形集合转换为 GeoJSON

将多边形集合转换为 GeoJSON 格式是 polytogeojson 的一个主要功能。它可以将多个多边形的坐标集合与属性信息，转换为 GeoJSON 格式的 FeatureCollection。下面是一个示例：

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

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

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

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

输出的结果是一个 GeoJSON 格式的 FeatureCollection：

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

将单个多边形转换为 GeoJSON

如果需要将单个多边形转换为 GeoJSON，可以使用 polytogeojson 的 polygon 函数。下面是一个示例：

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

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

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

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

输出的结果是一个 GeoJSON 格式的 Feature：

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

polytogeojson 的深度指导

自定义多边形属性

在转换多边形到 GeoJSON 格式时，可以将多边形的属性信息通过第二个参数设置。以下是一个示例：

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

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

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

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

输出的结果是一个 GeoJSON 格式的 FeatureCollection，其中包含了自定义的属性信息：

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

空多边形的处理

如果在多边形集合中包含空多边形，在转换过程中可能会出现错误。因此，在使用 polytogeojson 时，可以通过传递第三个参数来处理空多边形。以下是一个示例：

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

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

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

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

输出的结果将只包含有效的多边形，空多边形将被过滤掉：

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

结论

本文介绍了如何使用 polytogeojson 包将多边形和多边形集合转换为 GeoJSON 格式。我们还学习了如何处理自定义多边形属性和空多边形。

polytogeojson 提供了简单、易用且功能强大的 API，可以很好的满足我们需要将多边形转换为 GeoJSON 的需求。祝您使用愉快！

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/77374

阅读全文

猜你喜欢

  • npm包grunt-minified使用教程

    前言 在前端开发中，代码压缩是非常重要的一项工作，可以有效地减少代码文件的体积，从而加快页面的加载速度。而grunt-minified就是一个非常实用的npm包，可以帮助我们自动将代码压缩为最小体积。

    5 年前
  • npm 包 grunt-license-collection 使用教程

    在前端开发中，我们经常会用到许多开源的第三方代码库，这些库包含了许多不同类型的开源协议，如 MIT、Apache、GPL 等等。对于一个项目来说，管理这些开源库使用的协议十分重要，否则可能会带来法律上...

    5 年前
  • npm 包 grunt-jw-uglify 使用教程

    在前端开发中，我们常常需要使用各种工具来优化项目的开发流程和性能。而 npm 是一个非常重要的工具，它不仅可以帮我们管理 JavaScript 库、框架等开发资源，还可以通过 package.json...

    5 年前
  • NPM 包 Grunt-Inline 使用教程

    前端开发时，我们经常需要对 CSS、JS 等前端代码进行压缩、合并等操作。此时，Grunt 可能是一个不错的选择。而 Grunt-Inline 这个 NPM 包，可以自动将 CSS、JS 代码内嵌到 ...

    5 年前
  • npm 包 grunt-jstools 使用教程

    前端工程化已经成为了一个非常流行的话题，为了能够更加轻松快速地进行前端开发，我们可以使用一系列的工具来辅助我们进行开发。其中，常常用到的一个工具就是 grunt-jstools。

    5 年前
  • npm 包 common-js-file-extensions 使用教程

    在前端开发中，我们经常需要使用不同类型的文件，比如 JS、CSS、HTML、图片等等。而这些文件的扩展名也千奇百怪，特别是在模块化开发中，我们需要使用一些特殊的文件类型，比如 .jsx、.scss 等...

    5 年前
  • npm 包 machinepack-redis 使用教程

    前言 在前端开发过程中，使用 Redis 是常见的需求。因为 Redis 能够提供快速的键值存储，很适合缓存一些用户动态数据、常量等信息，从而减轻数据库的负荷。而 machinepack-redis ...

    5 年前
  • npm 包 machinepack-process 使用教程

    作为前端开发人员，你或许经常需要处理一些复杂的进程或者命令行操作，比如启动一个服务器，或者执行一些脚本。这些工作可能花费大量时间和精力。 幸运的是，npm 上有许多功能强大的包可以帮助我们完成这些任务...

    5 年前
  • npm 包 machine-as-action 使用教程

    1. 简介 machine-as-action 是一个可以将有限状态机转换为简单 JavaScript 函数的 npm 包。它可以方便地处理状态的变化，并可用于前端应用程序中，如表单的验证、导航的流程...

    5 年前
  • npm 包 include-all 使用教程

    随着前端开发的复杂化和模块化，项目中使用的文件数量越来越多，文件分类和导入也变得越来越混乱。这时候，使用 include-all 可以让你的导入和配置更加简单和规范。

    5 年前
  • npm 包 sails-stringfile 使用教程

    在开发前端应用程序的过程中，我们通常需要处理文件操作。如果你正寻求一种处理文件操作的解决方案，那么 sails-stringfile 可能会是你心仪的 npm 包。

    5 年前
  • npm 包 sails.io.js-dist 使用教程

    如果你是一名前端开发者并对于后端也有一定的了解，那么你肯定知道用于 WebSocket 实时通讯的 sails.io.js 库。sails.io.js 库是一款优秀的 JavaScript 库，可以轻...

    5 年前
  • npm 包 switchback 使用教程

    前言 在前端开发中，经常会遇到事件委托的使用，尤其是在处理比较复杂的交互场景中。而 switchback 就是一个能够方便地帮助我们处理事件委托的 npm 包。 下面，我们来详细介绍一下 switch...

    5 年前
  • npm 包 reportback 使用教程

    在前端开发一个站点或者应用，我们不仅要关注功能的实现，更要重视应用性能的优化。而在性能优化的过程中，日志是必不可少的。本文将会介绍一个 npm 包 reportback，用它我们可以快速的收集应用的信...

    5 年前
  • npm 包 parasails 使用教程

    Parasails 是一个开源的 Node.js Web 框架，它强调使用类似于 MVC 模式的结构来组织代码，同时与前端框架 Vue.js 紧密结合，提供了简单易用的路由、蓝图和控制器等功能。

    5 年前
  • npm 包 sails-generate 使用教程

    简介 sails-generate 是 sails.js 框架中一个非常重要的 npm 包，可以帮助开发者快速的生成 scaffolding，从而省去大段时间的重复工作。

    5 年前
  • npm 包 whelk 使用教程

    前言 whelk 是一个 Node.js 包，它提供了一系列强大的 API，可帮助我们更高效地构建 Web 应用程序。它的许多功能都是基于业内广泛流行的 express 框架实现的，但是它的性能和灵活...

    5 年前
  • npm 包 sort-route-addresses 使用教程

    在前端开发中，我们常常需要处理地址信息并对其进行排序。npm 包 sort-route-addresses 可以帮助我们更简单、高效地完成这个工作。本篇文章将为大家介绍 sort-route-addr...

    5 年前
  • NPM 包 dot-access 使用教程

    dot-access 是一个非常实用的 JavaScript 库，可以让你更加便捷地操作对象属性。每当你尝试通过点符号（.）访问深度嵌套的对象属性，你可能会遇到一些麻烦。

    5 年前
  • npm 包 skipper-disk 使用教程

    在前端开发中，文件上传和处理是一个非常重要的环节。而 skipper-disk 是一个非常常用的 npm 包，它可以帮助我们方便地将上传的文件保存到磁盘上。在本文中，我们将会深入探讨如何使用 skip...

    5 年前

相关推荐

    暂无文章