Google maps 从附加到Google Maps标记的信息框中的按钮放大弹出窗口中的动态内容

我需要将不同的内容加载到一个放大的弹出窗口中，当点击谷歌地图上标记的信息框中的按钮时，弹出窗口就会打开

我计划在magnificpoop函数（见下文）之外的数组中列出内容，该函数定义了具有相应内容的所有标记。如何在放大弹出窗口中调用正确的内容？我的目标是标记、按钮还是信息框。。。怎么做

  window.google.maps.event.addListener(infoBox, "domready", function () {
  $('.open-popup').on('click', function () {
  $.magnificPopup.open({
    items: 
      {
        src: $('<div class="white-popup">Dynamically created element</div>'), // Dynamically created element
        type: 'inline'
      }
  });
  });
});

window.google.maps.event.addListener（信息框，“domready”，函数（）{
$（'.openpopup'）。打开（'单击'，函数（）{
$.magnificPopup.open({
项目：
{
src:$（'dynamiccreated element'），//dynamiccreated element
键入：“内联”
}
});
});
});

我所处位置的工作示例如下>>

---

提前感谢您的指点。

已解决！在这种情况下，信息框是将单击链接到标记的关键。因此，假设

var ib=new InfoBox（）

然后，在将信息框附加到标记的函数中，我向“ib”对象添加一个新属性“num”，并通过每个标记“I”变量定义它<代码>ib.num=i

然后我可以在放大弹出函数中使用它来调用存储在数组中的触发标记的值<代码>标记数据[ib.num][7]

新脚本：

window.google.maps.event.addListener(ib, "domready", function () {
  $('.open-popup-photo').on('click', function () {
      $.magnificPopup.open({
              items: {
              src: markerData[ib.num][7] 
             },
          type: 'image' // this is default type
         });
    });
});

---

您希望动态内容来自何处？它们将来自同一网站中的其他文件夹。将有多达20个标记，每个标记带有和信息框。忘了说信息框将包含不同数量的按钮，从一个到最多三个。但是您如何将位置信息传递到标记构造函数或信息窗口？addMarkers（）和attachBox（）是否从markerData数组中拾取它们？我不知道，是吗？你在哪里使用它们？也许你应该澄清你的问题，在这个例子中，你具体想做什么不起作用？嗨@asier_js，我也遇到了在信息框中设置动态内容的问题。你能帮我吗？