使用 php 将 iframe（谷歌地图）添加到 jquery

Posted 2023-03-25

【中文标题】使用 php 将 iframe（谷歌地图）添加到 jquery

【英文标题】：Adding iframe (google map) to jquery with php

【发布时间】：2021-10-18 06:27:11

【问题描述】：

此代码有效，但我想使用 php，所以我可以在 wordpress 设置中进行控制。

<script type="text/javascript">
        jQuery('document').ready(function()
            setTimeout(function()
                var meps = '<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2209.031679248075!2d22.554804516065!3d56.381033750830454!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ef7f4796620a77%3A0xb28151d9fd19376d!2sDariaus%20ir%20Gir%C4%97no%20g.%2C%20Lai%C5%BEuva%2089475!5e0!3m2!1sen!2slt!4v1629095714907!5m2!1sen!2slt"   allowfullscreen="allowfullscreen"></iframe>';
                jQuery("#mapas").append(meps);
            , 8000);
        );
    </script>

而且这段代码不起作用，不知道是什么问题。

<?php $map = get_field('map','options') ?>
<script type="text/javascript">
    jQuery('document').ready(function()
        setTimeout(function()
            var meps = '<?php echo $map ?>';
            jQuery("#mapas").append(meps);
        , 8000);
    );
</script>

$map 包含 iframe 并打印出地图，但不会“粘”在 jquery 上，为什么？

【问题讨论】：

“stick”是什么意思，$map 包含的内容是否与示例 1 中的 var meps 完全相同？控制台或网络选项卡中是否有任何错误？

“坚持”是指 Jquery meps 不想接受我试图赋予它的价值。是的，meps 在控制台中得到相同的变量和错误：Uncaught SyntaxError: Unexpected identifier

【参考方案1】：

尝试在活动主题的footer.php 文件中的wp_footer() 函数之后添加相同的代码。

如果可行，则表示执行此代码时未加载 jquery。

【讨论】：

我刚试过，我得到了Uncaught SyntaxError: Unexpected identifier的错误，所以我想meps没有得到价值。