介绍
ember-flexberry-gis-yandex 是一个基于 ember.js 框架的前端库，提供了一系列使用 yandex 地图的功能，包括地图显示、图层管理、标注、搜索及路径规划等。使用该库可以快速、简单地在 web 应用中集成 yandex 地图的各种功能。
安装
在使用 ember-flexberry-gis-yandex 前需要先安装依赖的 npm 包：
npm install ember-flexberry-gis-yandex
安装完成后，在需要使用该库的 ember 应用中引入：
import FlexberryGisYandexMapComponent from 'ember-flexberry-gis-yandex/components/flexberry-gis-yandex-map';
使用
下面简单介绍一下如何使用 ember-flexberry-gis-yandex 中的一些功能：
1. 地图显示
在需要显示 yandex 地图的地方添加组件：
{{flexberry-gis-yandex-map}}然后在该组件的 js 中设置地图的一些属性（例如显示的缩放级别、初始中心点等）：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ ------------------------------ ---- ----------------------------------------------------------------- ------ ------- --------------------------------------- -- --------- ------- ---------- ---------- -- ---- ----- --- -- ------- ---
2. 标注
在地图上添加标注：
-- -------------------- ---- ------- ----------------------------- -- ------ ---------- ---------- -- ----- ----- -- - -------- -- ----- ----- -- - ------------ --
3. 搜索
在地图上搜索：
-- -------------------- ---- -------
--------------------------
-- ------
--------
-- -------
------- -- -
---------------------- -- -
-------------------------------------------
----------------------------------------------
---
-
--4. 路径规划
计算两点间的最短路径：
-- -------------------- ---- -------
-------------------------
-- --
----------- -----------
-- --
----------- -----------
-- ----
----- -- -
----------------------------- - - ---------
-- -
-- --
----------------- ----
-
--示例代码
下面是一个简单的示例代码，实现在地图上显示一个标注、搜索周边的商店以及路径规划：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------------------------ ---- -----------------------------------------------------------------
------ ------- ---------------------------------------
-- ---------
------- ---------- ----------
-- ----
----- ---
------ -
--------------------------
-- ----
-----------------------------
---------- ----------
----- -- - --------
----- -- - ------------
--
-- -------
--------------------------
-------
------- -- -
---------------------- -- -
-------------------------------------------
----------------------------------------------
---
-
--
-- ----
-------------------------
----------- ----------- -- --
----------- ----------- -- --
----- -- -
----------------------------- - - ---------
--
- ----------------- ---- - -- --
--
-
---总结
ember-flexberry-gis-yandex 这个 npm 包提供了很多可以直接使用的方法、组件，使得在应用中集成 yandex 地图变得异常简单，该库设计合理，易于扩展，非常适合开发小型的 GIS 应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601781e8991b448de384