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

Question

I have 4 pages in wordpress site where i need to inculde api yandex maps. So i created 4 scripts, which works. I included script tags in my footer:

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

All scripts have different ids for div blocks, different variable names. But when i put my divs inside 4 pages, only the first script is working, in this example i will see map only on the page that contains this script

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

Other pages will be blank.

In browser it looks like this , so script is not working

If i load all 4 maps on 1 page it is working. But i want each map on certain page.

What should i do to get things work?

Answer 1

Problem solved. I guess we have to load yandex json every time.

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