简介
Google 地图 API v3 是一款强大的工具，可以帮助开发人员将地理位置信息集成到他们的网站或应用程序中。本文将探讨如何在前端使用 Google 地图 API v3 和一个包含地址信息的数组创建多个标记，并在页面加载时避免 OVER_QUERY_LIMIT 错误。
准备
在开始之前，请确保您已经注册了 Google 地图 API 密钥，并且在 HTML 页面中引入了 Google 地图的 JavaScript 库。
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
实现
我们需要做的第一件事是定义一个包含地址的数组。例如：
var addresses = [ "1600 Amphitheatre Parkway, Mountain View, CA", "1 Infinite Loop, Cupertino, CA", "701 First Ave, Sunnyvale, CA" ];
接下来，我们需要编写一个函数来将这些地址转换为经纬度坐标，并在地图上创建标记。但是，由于 Google 地图 API 对 geocoding 的请求数量有限制，我们需要在页面加载时将这些地址进行批处理。最好的方法是使用 setTimeout() 来延迟每个请求的发送时间，以便在不触发 OVER_QUERY_LIMIT 错误的情况下完成所有请求。
-- -------------------- ---- -------
-- --------
--- ----- - ----
-- ------
--- -------- - --- -----------------------
-- ------
--- --- - --- ----------------------------------------------- -
----- --
------- ----- -------- ---- ----------
---
-- ------
--- ------- - ---
-- -------
-------- ----------------------- ----- -
-------------------------- --------- ----------------- ------- -
-- ------- --- ----- -
-- -----------
---------------- --------------------
--------- -----------------------------
---- ---
----
- ---- -
-------------------- --- --- ---------- --- --- --------- ------- - - --------
-
-- -------
---------------- -------
---
-
-- -------------------
-------- -------------------- -
-- ----------------- - -- -
--------------------------------- --------------------
-
-
-- -------------
---------------------结论
现在您已经知道如何使用 Google 地图 API v3 和一个包含地址信息的数组创建多个标记，并在页面加载时避免 OVER_QUERY_LIMIT 错误。这将使您的应用程序更加健壮和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31063