Google 地图 JavaScript API v3 是一个功能强大的工具，允许您使用 JavaScript 代码在网站中嵌入交互式地图。然而，当您在网站上使用 Google 地图时，您可能不想显示 Google 徽标、页脚或版权信息。本文将介绍如何通过编写 JavaScript 代码来实现这些效果。
隐藏 Google 徽标
Google 徽标是 Google 在地图上的商标标志，在某些情况下，您可能希望移除它们。以下是通过 CSS 来隐藏 Google 徽标的示例代码：
/* 隐藏 Google 徽标 */ .gm-style img[src*="googleapis.com/mapfiles/api-3/images/google4.png"] { display: none; }
该代码选择了所有 URL 中包含“google4.png”的图像，并将其设置为隐藏（display:none）。
隐藏页脚和版权信息
Google 地图还在默认状态下会在地图底部显示页脚和版权信息。以下是如何通过 JavaScript 代码将它们移除的示例：
-- -------------------- ---- ------- -------- --------------------------- - -- -- ------ -- --- ---------- - --------------------------------- - ------------------ -- ------------ - ---------------------------------------------- - -- --------- --- ------------ - --------------------------------- - ------------------- -- -------------- - -------------------------------------------------- - - -- - ------ --- --------- -------------------------------------- -------------- ---------- - ---------------------------- ---展开代码
该代码首先定义了一个名为“removeGoogleLogoAndFooter”的函数，该函数将查询 gm-style 类下的第一个链接并将其删除（即 Google 徽标），以及查询 gm-style 类下的最后一个 div 并将其删除。
然后，该代码使用 addListenerOnce 方法来等待地图加载完成，并在加载完成后运行 removeGoogleLogoAndFooter 函数，从而确保只有当地图加载完毕后才会进行更改。
结论
通过以上的示例代码，您可以轻松地隐藏或禁用 Google 地图 JavaScript API v3 上的 Google 徽标、页脚和版权信息。这不仅使得您的网站更加专业和定制化，还允许您更好地控制您的页面内容。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26057
