在使用谷歌地图 API V3 开发 Web 应用程序时，可能需要动态添加和删除地图标记。但是如果需要批量删除标记时，代码的编写可能会变得有些复杂。本文将介绍如何使用 JavaScript 和谷歌地图 API V3 来删除所有标记。
第一步：创建一个包含多个标记的地图
首先，我们需要创建一个包含多个标记的地图。这可以通过使用 google.maps.Marker 类来实现。以下示例代码演示了如何创建一个包含三个标记的地图：
-------- ------------ -
--- ---------- - -
----- --
------- --- --------------------------------------
---------- -----------------------------
--
--- --- - --- ------------------------------------------------------ ------------
--- ------- - --- --------------------
--------- --- -------------------------- ----------
---- ----
------ ------- --
---
--- ------- - --- --------------------
--------- --- -------------------------- ----------
---- ----
------ ------- --
---
--- ------- - --- --------------------
--------- --- -------------------------- ----------
---- ----
------ ------- --
---
-第二步：删除所有标记
一旦我们有了一个包含多个标记的地图，我们就可以使用以下代码来删除所有标记：
-------- --------------- - --------------------- --------------------- --------------------- -
第三步：指导意义
这些示例代码演示了如何使用 JavaScript 和谷歌地图 API V3 来删除所有标记。在实际应用程序中，您可能需要动态添加和删除标记，并且需要使用数组或其他数据结构来存储对这些标记的引用。不过，重要的是要理解 setMap(null) 方法是如何工作的，以及如何使用它来删除标记。
结论
本文提供了有关如何删除所有标记的详细说明，并演示了如何使用 JavaScript 和谷歌地图 API V3 来实现它。虽然在实际应用程序中可能会遇到更复杂的场景，但是了解基本的删除标记方法是非常重要的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8326