ArcGIS是一款地理信息系统服务，可以为用户提供地图展示、数据分析等功能。而arcgis-react-redux-legend是一款基于React和Redux的npm包，可以快速为前端应用程序集成ArcGIS的图例。
安装
使用npm包管理器安装：
npm install arcgis-react-redux-legend
使用方法
- 引入
arcgis-react-redux-legend模块：
import React from 'react';
import { connect } from 'react-redux';
import { createLegendReducer, Legend } from 'arcgis-react-redux-legend';- 定义一个React组件，并渲染
<Legend/>组件：
-- -------------------- ---- -------
----- --- ------- --------------- -
-------- -
------ -
-----
------- --
------
--
-
-- 连接Redux store：
-- -------------------- ---- -------
----- --------------- - ------- ------ -- -
------ -
------- ------------
--
--
----- ------------------ - -------- -- -
------ -
-------------------- -------- -- -
-------------------------------------
-
--
--
------ ------- ------------------------ -------------------------- 配置项（可以在Redux store中定义）：
const config = {
view: this.view, // ArcGIS地图视图实例
layer: this.layer, // 图例相关的图层
container: 'legendDiv' // 渲染图例的DIV元素的ID
};- 调用
createLegendReducer方法创建Reducer：
this.props.createLegendReducer(config);
- 配置成功，现在可以在应用程序中看到ArcGIS图例的相关信息了。
示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- --------------
------ - -------------------- ------ - ---- ----------------------------
----- --- ------- --------------- -
------------------- -
----- ------ - -
----- ----------
------ -----------
---------- -----------
--
---------------------------------------
-
-------- -
------ -
-----
------- --
---- -------------- --
------
--
-
-
----- --------------- - ------- ------ -- -
------ -
------- ------------
--
--
----- ------------------ - -------- -- -
------ -
-------------------- -------- -- -
-------------------------------------
-
--
--
------ ------- ------------------------ -------------------------总结
本文介绍了arcgis-react-redux-legend这款npm包在前端类应用程序中的集成方法。使用该npm包可以快速将ArcGIS图例集成到前端应用程序中，并且能够方便地进行Redux store管理。希望本文对于初次使用该npm包的读者能够有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056de681e8991b448e7213