npm 包 google-maps 使用教程
Google Maps 是一款广泛应用于 Web 开发领域的地图工具，提供了全球范围内的详细地图以及地理信息服务。npm 包 google-maps 提供了方便开发者在自己的项目中集成 Google Maps 的功能。本文将会介绍该 npm 包的使用方法。
安装 google-maps 包
在终端窗口输入以下命令以用 npm 安装该包：
--- ------- ----------- ------
在代码中引入 google-maps 包
在程序中引入 google-maps 的核心库：
------ ---------- ---- --------------
配置 API 密钥
在 Google 开发者控制台 （https://console.developers.google.com/ ）中获取 API 密钥。通过 API 密钥来访问 Google Maps 的功能。
-------------- - ---------------
使用 Google Maps 的功能
下列是 google-maps 包中常用的功能：
初始化地图
在 HTML 文件中创建一个 DIV 标签，并在 JavaScript 代码中通过此标签初始化地图：
---- ---------------
-------------------------------- -
--- ----------------------------------------------- -
------- -
---- --------
---- ---------
--
----- -
---
---添加标记
在地图中添加一个标记：
-------------------------------- -
--- --- - --- ----------------------------------------------- -
------- -
---- --------
---- ---------
--
----- -
---
--- --------------------
--------- -
---- --------
---- ---------
--
---- ----
------ ---- ----------
---
---路径和方向
对谷歌地图进行路径和方向规划：
-------------------------------- -
--- --- - --- ----------------------------------------------- -
------- -
---- --------
---- ---------
--
----- -
---
--- ----------------- - --- --------------------------------
---- ---
---
--- ----------------- - --- --------------------------------
-------------------------
------- ----------
------------ ---- ---------
----------- ---------
-- ------------------ ------- -
-- ------- --- ----- -
------------------------------------------
- ---- -
-------------------- -- --- -------------
-
---
---参考文献
- google-maps npm 包主页： https://www.npmjs.com/package/google-maps
- google-maps npm 包 Github 仓库： https://github.com/googlemaps/google-maps-js
- Google Maps JavaScript API：https://developers.google.com/maps/documentation/javascript/tutorial
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/96601