api yandex 映射到 wordpress 网站的不同页面

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，不同的变量名。但是当我把我的 divs 放在 4 个页面中时，只有第一个脚本在工作，在这个例子中我只会在包含这个脚本的页面上看到地图

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

其他页面将为空白。

在浏览器中它看起来像 this，所以脚本不工作

如果我在一页上加载所有 4 张地图，它就可以正常工作。但我希望每个地图都在特定页面上。

我应该怎么做才能使事情正常进行？

Answer 1

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

<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>

api yandex 映射到 wordpress 网站的不同页面

api yandex maps on different pages of wordpress site

javascript

php

wordpress

yandex-maps