Question

我正在尝试将Google地图加载到帖子中。

在标题中我加载：

    <script type="text/javascript" src="http://dev.ateo.dk/wp-content/themes/ateo/js/parking.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script src="//maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>

在wordpress的帖子中我加载：

<div id="map_div"></div>

您可以在此处查看.js：http://dev.ateo.dk/wp-content/themes/ateo/js/parking.js

地图根本没有显示，所以我希望你们可以帮助我。

Answer 1

正如@AntoJurković在评论中提到的，你需要最后加入parking.js。

当这些对象尚不存在时，您将初始化地图和其他对象，因为您的jquery和Google地图稍后会加载。此外，当您加载地图javascript时，您不会提供API密钥，因此Google不会向您提供地图。

所以一定是：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="//maps.google.com/maps/api/js?key=YOUR_API_KEY&sensor=true" type="text/javascript"></script>
<script type="text/javascript" src="http://dev.ateo.dk/wp-content/themes/ateo/js/parking.js"></script>

官方Google Maps v3文档中记录了

How you can get the API key。

TL; DR：您可以使用Google Developer Console

获取它

Answer 2

以上都没有奏效。加载脚本时没关系，脚本也应该使用我发现的wordpress中的functions.php加载。

div应该有一个size属性，这会导致显示地图

将Google Map API加载到wordpress帖子中

2 个答案: