npm 包 @wsdot/arcgis-query-string-utilities 使用教程

ArcGIS Query String Utilities 是一个通过编程方式构建用于交互式 Web 地图应用程序的 QueryString 的 JavaScript 库,它提供了一种基于 URL 查询字符串的简单方式来生成和解析 ArcGIS Server 查询并将其传递到 ArcGIS API for JavaScript 应用程序中。

安装

在命令行中运行以下命令来安装 @wsdot/arcgis-query-string-utilities

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

使用

在应用程序中引入库后,可以使用以下方法进行查询字符串的构造和解析:

getQueryString

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

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

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

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

getQueryString 方法将一个对象转换为一个可以用于 URL 传递的字符串,方法接收一个查询参数对象作为输入并返回一个 URL 查询字符串。

getQueryParams

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

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

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

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

getQueryParams 根据传入的字符串解析出查询参数并返回一个查询参数对象。 如果 QueryString 不可用,则返回一个空的对象。

示例

以下是一个加载 ArcGIS API 的地图,并使用 @wsdot/arcgis-query-string-utilities 构建 URL 查询字符串来在地图中显示符合特定条件的位置:

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

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

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

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

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

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

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

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

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

结论

@wsdot/arcgis-query-string-utilities 提供了一种方便的方式来处理 ArcGIS Server 查询参数。 这篇文章中提到了两个主要方法:getQueryStringgetQueryParams,用于将查询字符串转化为查询参数对象或反之。 可以将这个库应用在处理前端构建交互式 Web 地图应用程序的情况中,方便开发人员对部分 ArcGIS Server 查询参数进行调整和配置。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066b5651ab1864dac66b64


猜你喜欢

  • npm 包 `answer.php` 使用教程

    在前端开发过程中,与后端交互的部分常常需要用到后端提供的 API 接口,而这些接口的数据格式通常是 JSON 类型或者是经过序列化的字符串类型。然而,有时候我们需要使用传统的 form 表单形式提交数...

    3 年前
  • npm 包 authentication.php 使用教程

    前言 在前端开发中,有时需要与服务器进行交互来实现一些功能,而服务器一般需要进行身份验证才能处理请求。身份验证是一项基本的网络安全措施,保护了服务器资源和数据的安全。

    3 年前
  • npm 包 authenticator.php 使用教程

    近年来,网络安全问题一直备受关注,身份验证是其中的重要环节。而身份验证的主流方式之一是使用一次性密码令牌(OTP)进行双因素身份验证。在前端开发领域,我们可以使用 npm 包 authenticato...

    3 年前
  • npm 包 hypernova-webpack 使用教程

    1. 简介 在前端开发中,我们经常需要将工程中的代码按照功能模块划分成多个不同的组件,以进行代码复用和维护。但是,在处理大规模组件时,我们也可能会面临一些性能和渲染优化的问题。

    3 年前
  • npm 包 @zadkiel/gulp-feed 使用教程

    在前端项目开发过程中,我们经常需要将数据以 RSS 或 Atom 的格式输出,以便用户可以订阅和获取最新的信息。而 @zadkiel/gulp-feed 这个 npm 包就是为此而生的,其可以帮助我们...

    3 年前
  • npm 包 coinflux-api 使用教程

    coinflux-api 是一个专为 Node.js 开发者设计的 Node.js 模块,主要用于与 CoinFlux API 进行交互。CoinFlux 是一个加密货币交易平台,它提供了一系列用于处...

    3 年前
  • npm 包 node-red-contrib-mail-actions 使用教程

    在前端开发中,我们经常需要通过邮件来发送信息或者触发一些行为。Node-RED 提供了 node-red-contrib-mail-actions 这个 npm 包,帮助我们通过 Node-RED 管...

    3 年前
  • npm 包 ionic-progress-bar 使用教程

    ionic-progress-bar是一个基于Ionic框架的进度条npm包,可以帮助开发者在Angular Web应用程序中快速创建美观的进度条。在这篇文章中,我们将深入探讨这个npm包,并为您提供...

    3 年前
  • npm 包 mina-gulp 使用教程

    mina-gulp 是一款基于 gulp 的小程序构建工具,支持自动编译 less、sass、es6 等前端代码,并能够自动上传代码到微信小程序开发者工具。 mina-gulp 使用简便,但功能十分强...

    3 年前
  • npm 包 salesforce-email 使用教程

    Salesforce 是一款业界著名的企业级 CRM 软件,其邮件功能十分强大。然而,有时候我们需要在自己的网站或者应用程序中使用 Salesforce 的邮件功能。

    3 年前
  • npm 包 Vue-TS-Admin 使用教程

    Vue-TS-Admin 是一个基于 Vue.js 和 TypeScript 创建的后台管理系统框架。通过集成很多的解决方案,可以快速开发和部署一个完备的项目。在本篇文章中,我们将介绍如何使用 npm...

    3 年前
  • npm 包 @adopisowifi/ng-http-error 使用教程

    什么是 @adopisowifi/ng-http-error? @adopisowifi/ng-http-error 是一个 Angular 应用程序的错误提醒库,它使用 Angular 的 Http...

    3 年前
  • npm 包 asp.php 使用教程

    ASP.NET 是一种广泛使用的 Web 应用程序开发技术。其后端代码通常使用 C# 或 VB.NET 等语言编写,并在 IIS 中运行。但是有些情况下,我们需要在前端使用 ASP.NET 的一些功能...

    3 年前
  • npm 包 assistant.php 使用教程

    前言 在前端开发中,我们常常需要使用一些后端提供的接口,比如登录验证、获取用户信息等。而这些接口要求我们向后端传递一些数据,并且接收后端返回的数据。assistant.php 是一个轻量级的PHP类库...

    3 年前
  • npm 包 atom.php 使用教程

    在前端开发中,使用一些优秀的工具能够极大地提高开发效率和效果。atom.php 就是一款非常实用的 npm 包,能够轻松地在前端中使用 PHP 代码。 本篇文章将详细介绍 atom.php 的安装和使...

    3 年前
  • npm 包 authenticate.php 使用教程

    前言 在开发 Web 应用程序时,用户身份验证是一项必不可少的任务。有很多种方法可以进行用户身份验证,其中一种方式是使用 PHP 服务器端语言来创建验证脚本。authenticate.php 就是一个...

    3 年前
  • npm 包 generator-wemp 使用教程

    npm 是一个包管理器,它可以让我们方便地在前端项目中使用第三方库和工具。在前端开发中,我们经常需要使用一些相同的代码结构和目录结构,以便更好地管理我们的项目。为了避免重复的工作,开发人员可以使用生成...

    3 年前
  • npm 包 memememe 使用教程

    1. 什么是 memememe? memememe 是一个 npm 包,用于生成有趣的梗图,让页面更加有趣和生动。 2. 安装 memememe 在终端中输入以下命令: --- ------- ---...

    3 年前
  • npm 包 react-native-external-accessory 使用教程

    简介 react-native-external-accessory 是一个用于在 React Native 应用中与 iOS 设备外部附件通信的 npm 包。在 iOS 设备中,外部附件可以是通过 ...

    3 年前
  • npm 包 zkdj-gulp-cli 使用教程

    前言 为优化前端工程的开发过程,提高开发效率,常常需要使用自动化构建工具。gulp 是一个非常流行的自动化构建工具,可用于压缩 CSS、JavaScript、HTML 等文件,合并文件等操作,非常适合...

    3 年前

相关推荐

    暂无文章