谷歌地图API V3窗口关闭事件/回调?

阅读时长 6 分钟读完

在谷歌地图API V3中,当用户点击一个信息窗口(InfoWindow)的关闭按钮时,您可能需要执行一些特定的操作。本文将详细介绍如何使用JavaScript编写代码来处理这个事件。

添加InfoWindow

首先,让我们来创建一个简单的地图并添加一个InfoWindow。以下是一个基本的示例代码:

-- -------------------- ---- -------
--------- -----
------
------
  ------------- ---- ---------- ------------
  ------- ------------------------------------------------------------------------
  --------
    -------- --------- -
      ----- --- - --- ----------------------------------------------- -
        ----- --
        ------- - ---- -------- ---- --------- --
      ---
      ----- ------------- -
        ----- -------------- -
        ----- ----------------- -
        -------- -
        ---- ----------------- ------------------------ --------------- -
        ----- ------------------ -
        ---------- -------------- ---------- --- ---- --- ------ -- --- ---------- -- - --------- ----------- --- --------- ------ -- -------- ---------------- -
        -------- -
        ---------
      ----- ---------- - --- ------------------------
        -------- --------------
      ---
      ----- ------ - --- --------------------
        --------- - ---- -------- ---- --------- --
        ----
        ------ ---- -----------
      ---
      --------------------------- -- -- -
        -------------------- --------
      ---
    -
  ---------
  -------
    ---- -
      ------- -----
    -
    -----
    ---- -
      ------- -----
      ------- --
      -------- --
    -
  --------
-------
----- -------------------
  ---- ---------------
-------
-------

此示例创建了一个地图,并在San Francisco的位置添加了一个信息窗口。当用户单击标记时,会显示该信息窗口。

处理关闭事件

要处理InfoWindow的关闭事件,我们需要在InfoWindow创建后添加一个监听器。以下是添加监听器的代码:

例如,如果您想在用户关闭InfoWindow时向控制台输出一条消息,您可以使用以下代码:

完整的代码如下所示:

-- -------------------- ---- -------
--------- -----
------
------
  ------------- ---- ---------- ------------
  ------- ------------------------------------------------------------------------
  --------
    -------- --------- -
      ----- --- - --- ----------------------------------------------- -
        ----- --
        ------- - ---- -------- ---- --------- --
      ---
      ----- ------------- -
        ----- -------------- -
        ----- ----------------- -
        -------- -
        ---- ----------------- ------------------------ --------------- -
        ----- ------------------ -
        ---------- -------------- ---------- --- ---- --- ------ -- --- ---------- -- - --------- ----------- --- --------- ------ -- -------- ---------------- -
        -------- -
        ---------
      ----- ---------- - --- ------------------------
        -------- --------------
      ---
      ----- ------ - --- --------------------
        --------- - ---- -------- ---- --------- --
        ----
        ------ ---- -----------
      ---
      --------------------------- -- -- -
        -------------------- --------
      ---
      ------------------------------------ -- -- -
        -----------------------------
      ---
    -
  ---------
  -------
    ---- -
      ------- -----
    -
    -----
    ---- -
      ------- -----
      ------- --
      -------- --
    -
  --------
-------
----- ---------------

- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------
纠错
反馈