简介
@indigocore/ember-mapexplorer 是一款通过 Ember.js 框架构建的地图探索组件库，可以帮助开发者快速搭建地图相关业务。
该组件库是基于最新的 Ember CLI、Ember.js 和 Ember-leaflet 编写的，采用了最新的 ES6 标准，同时还支持 TypeScript。
安装
使用 npm 进行安装：
npm install --save @indigocore/ember-mapexplorer
使用
引入组件
在需要使用地图的组件中引入 MapExplorer 组件：
import MapExplorerComponent from '@indigocore/ember-mapexplorer/components/map-explorer';
地图配置
通过 MapExplorer 组件的 options 参数实现地图的配置：
-- -------------------- ---- -------
------ ------- ----- -------------- ------- --------- -
---------- - -
----- ---
------- -
---- --------
---- -------
--
------- -
-
---- -----------------------------------------------------
------------ ------- ------------- --------------
-------- ---
--
--
--
-地图控件
@indigocore/ember-mapexplorer 支持多种地图控件包括缩放控件、鹰眼控件、比例尺控件、全屏控件和图层选择控件，使用控件需要按照组件文档中说明的使用方式进行配置。
地图事件
@indigocore/ember-mapexplorer 组件库提供多种地图事件，使用它们可以实现多种功能，例如实时获取地图可视范围内的数据。
-- -------------------- ---- -------
------ ------- ----- -------------- ------- --------- -
---------------- -
----- - ------ - - ----------------------------
-- -------------
----- ----------- - -
----------------------
----------------------
----------------------
----------------------
--
-- -----------------
---------------------------------- -- -
------------------------------
---
-
-示例
以下是一个实现简单地图应用的示例代码：
-- -------------------- ---- ------- ---- ---------- --- ------------ ---------------------------- --------------------- ---------------------- ---------------------------- --------------------------- ----------------------- ----------------------------- -- ------ --------------
-- -------------------- ---- -------
-- ---------
------ -------------------- ---- --------------------------------------------------------
------ ------- ----- -------------- ------- --------- -
---------- - -
----- ---
------- -
---- --------
---- -------
--
------- -
-
---- -----------------------------------------------------
------------ ------- ------------- --------------
-------- ---
--
--
--
---------------- -
----- - ------ - - ----------------------------
-- -------------
----- ----------- - -
----------------------
----------------------
----------------------
----------------------
--
-- -----------------
---------------------------------- -- -
------------------------------
---
-
---------------------- -
------ ---------------------------------------------------
---------------- -- ----------------
------------ -- -
------ -----
---
-
--------------- -
------ --------------- -
-------------- --------- ------ -- -
-----------------------------------------
--
---
-
-结论
@indigocore/ember-mapexplorer 是一款功能强大而易于使用的地图探索组件库，通过该组件库可以大大简化地图功能的前端开发。本文介绍了如何安装、使用、配置地图、地图控件和地图事件，并提供了一个简单的示例代码。希望读者们通过学习本文，可以得到启发和指导，能够更加轻松的构建出强大的地图应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bbf967216659e244177