时间戳

首页 > 解决方案 > 在请求之前隐藏 Google Maps API

javascript - 在请求之前隐藏 Google Maps API

问题描述

我不会添加任何代码，因为这应该相当简单。如果我想加载 Google Maps API 并将其嵌入到我的页面中，但我想隐藏它的可行性，直到用户单击按钮或链接，我该怎么做？

我不是在谈论 API 中的标记和图标，我想隐藏谷歌地图使用的元素本身，我认为它是 iframe？

理想情况下，我希望用户单击“方向”按钮，该按钮将谷歌地图 API 作为弹出窗口打开在同一页面中。允许用户在需要时关闭弹出窗口并返回到他们在页面上的位置。

谁能指出我正确的方向？TIA

标签： javascriptcsspopupwindow

解决方案

如果您查看<script>他们给您的标签，它看起来像这样：

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE&callback=initMap" async defer></script>

只需取出&callback=initMap零件。然后，当用户单击打开弹出窗口时，initMap()从您的代码中调用。

jQuery：$('#mapPopup').click(initMap);

推荐阅读