在 iFrame 中使用 Google Maps JavaScript API 和地图答案

【问题标题】：Using Google Maps JavaScript API with map in iFrame在 iFrame 中使用 Google Maps JavaScript API 和地图
【发布时间】：2021-09-28 05:21:48
【问题描述】：

我编写了一个非常简单的 Web 工具，它允许我检索用户在 Google 地图中单击的位置的纬度/经度。

我使用 Google Maps JavaScript API 编写了这个工具。它在我的计算机或典型的 Web 服务器上运行良好。

解释起来有点复杂，但我的工具“运行”在一个名为 FileMaker 的软件中（由 Apple 的子公司 Claris 开发）。不幸的是，FileMaker 通过 iFrame 显示 HTML 代码（我对此无能为力，这是 FileMaker 的限制）。如果网页显示在 iFrame 中，Google 似乎不允许使用 JavaScript API。

我知道 Google 提供了一个 API 来通过 iFrame 显示简单的地图，但这对我来说还不够（我认为）。我需要能够为各种事件添加监听器等...

如果结果通过 iFrame 显示，有什么方法可以使用 Google Maps JavaScript API？

【问题讨论】：

请澄清您的具体问题或提供更多详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： google-maps filemaker

【解决方案1】：

下午。将获得的代码编码为 base64 可能对您有用。像这样。但是，您正在使用代码，请将代码包装在 base64 函数中，并使用 base64 数据类型前缀。此示例来自我的 Google 地图实现：

Case ( 
  PatternCount ( Get ( ApplicationVersion ) ; "Web" ) ;
  "data:text/html;base64," & Base64Encode ( HTML::HTML_Calc_Here ) ;
  "data:text/html," & HTML::HTML_Calc_Here
)

我从这里得到这个：https://www.soliantconsulting.com/blog/display-complex-webviewer-webdirect/

它谈到了 WebDirect，但它认为该方法仍然适用。

您使用的是什么版本的 FileMaker？

我有点惊讶它不起作用。我确实有使用谷歌地图绘制标记的（旧）实现。不确定它是否使用与地理位置相同的方法。也许您的 API 不同。反正。试试上面的方法，看看是否有效。

【讨论】：

这确实是解决方案！谢谢！我在客户端使用 FileMaker 19，在服务器端使用 FileMaker Server 18。