WordPress网站不同页面上的API Yandex映射

Question

我在WordPress站点中有4页，我需要在其中批准API Yandex地图。因此，我创建了4个有效的脚本。我的页脚中包括脚本标签：

        <!-- Yandex map scripts -->
    <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="application/javascript"></script>
    <script src="/wp-content/themes/bla" type="application/javascript"></script>
    <script src="/wp-content/themes/blabla" type="application/javascript"></script>
    <script src="/wp-content/themes/blablabla" type="application/javascript"></script>
    <script src="/wp-content/themes/blablablabla" type="application/javascript"></script>

所有脚本都有不同的DIV块，不同的变量名称的ID。但是，当我将Div放入4页中时，只有第一个脚本在工作，在此示例中，我将仅在包含此脚本的页面上看到映射

<script src="/wp-content/themes/bla" type="application/javascript"></script>

其他页面将为空白。

在浏览器中看起来像这样，所以脚本不起作用

如果我在1页上加载所有4个地图，则它正在工作。但是我想要某些页面上的每张地图。

我该怎么做才能使事情起作用？

Answer 1

解决了问题。我想我们每次都必须加载yandex json。

<!-- Yandex map scripts --> <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> <script src="/wp-content/themes/bbbb" type="application/javascript"></script> <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> <script src="/wp-content/themes/b" type="application/javascript"></script> <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> <script src="/wp-content/themes/bbb" type="application/javascript"></script> <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> <script src="/wp-content/themes/bb" type="application/javascript"></script> <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>