header.php中的WordPress，GoogleMaps和JavaScript

Question

我想在WordPress網站（www.santini.se/geotimes）的入口頁面中顯示帶有多個指針的GoogleMap。 我在header.php頭中指定了以下Javascript代碼：

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

然后我在header.phh中的body標簽之后指定了一個div：

  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

我認為您的腳本未正確鏈接。 scr屬性中的URI必須相對於當前URL，而不是相對於PHP文件。

如果您的主題是“生產者”，則可能可以解決該問題：

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