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