Question

我在正在制作的页面上的iframe中嵌入了一个简单的Google Maps（使用Oracle Visual Builder Cloud Service），并且当我在其中单击标记时，我不知道如何获取所选位置地图，以便我用地址填充输入文本字段。

我尝试使用jquery侦听iframe中的click事件，因此我也许可以获取一些事件数据，但是它不起作用。

这是iframe代码。

<iframe id="gmap" style="width: 100%; height: 100%" :src="[[$variables.mapsUri]]" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

mapsUri变量包含Google Map页面的URL，看起来像 https://maps.google.com/maps?q=Sample+Place+Name&output=embed

这是我为尝试在iframe中捕获点击而制作的示例jquery侦听器。

$(document).ready(function() {
    $('#gmap').on('load', function() {
      var iframe = $('#gmap').contents().prevObject[0];
      console.log(iframe);

      iframe.addEventListener('click', function(e) {
        console.log('hello');
      });
    });
  });

当我console.log iframe变量时，我确实获得了iframe的#document html内容，但是我不知道如何访问各个元素以将侦听器绑定到它们。

因此，我实际上没有遇到任何运行时错误，但是当我在iframe中单击时，它没有显示在控制台日志中。单击地图中的标记时，是否有更好的方法来获取位置或标记地址？（可能是在Oracle VBCS的上下文中）

如何从Google Maps iframe获取选定的标记位置？

0 个答案: