WordPress, GoogleMaps и JavaScript в header.php

Question

Я хотел бы отобразить GoogleMap с несколькими указателями на странице входа на веб-сайте WordPress (www.santini.se/geotimes).Я указал следующий код Javascript в заголовке header.php:

 <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=mykey"  type="text/javascript"></script>
 <script src="map_data.php" type="text/javascript"></script>
 <script src="map_functions.js" type="text/javascript"></script>

Затем я указал div сразу после тега body в header.phh:

  http://www.santini.se/prova/listOfPontersCh2/http://www.santini.se/prova/listOfPontersCh2/<div id="map" style="width: 350px; height: 350px; border: blue 4px dashed">whyyyy</div>

Файлы map_data.php и map_functions.js находятся в той же папке, что и header.php.

Этот код работает правильно вне WordPress.Вы можете увидеть это здесь: http://www.santini.se/prova/listOfPontersCh2/

Почему это не работает в WordPress?

Любая подсказка поможет: - (

Заранее спасибо

С уважением

Марина

Answer 1

Я думаю, что ваши скрипты не связаны должным образом. URI в атрибуте scr должен относиться к текущему URL, а не к PHP-файлу.

Если ваша тема 'prosumer', это, вероятно, решит ее:

<script src="http://www.santini.se/geotimes/wp-content/themes/prosumer/map_data.php" type="text/javascript"></script>
<script src="http://www.santini.se/geotimes/wp-content/themes/prosumer/map_functions.js" type="text/javascript"></script>

Или вы можете сделать это программно (что я предпочитаю):

<script src="<?php bloginfo('template_directory'); ?>/map_data.php" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/map_functions.js" type="text/javascript"></script>