如何在body标签中初始化Google Maps?

时间:2012-11-17 11:00:03

标签: javascript wordpress google-maps google-maps-api-3

我正在其中一个网页上实施Google地图。我知道我需要在onload="initialize()" onunload="GUnload()"标记中添加<body>,但我不确定如何。

目前在我的页面中我粘贴了以下内容:

<body onload="initialize()" onunload="GUnload()">
  <p>To Add your Google Map you must first plot your address by searching</p>
  <p>
    <input id="address" type="textbox" value="" placeholder="Search For Your Address">
    <input type="button" value="Plot Your Address" onclick="codeAddress()">
  </p>
  <div id="map_canvas" style="width: 770px; height: 270px; border: 5px solid #EDEDED">
  </div>
</body>

尽管这实际上有效,但它必须是可怕的标记,因为它是主页的主体部分中的主体部分。

我正在使用Wordpress,但我不确定上面的标记是否正常,或者我是否应该将它放在主页面标签中。问题是我不知道如果需要怎么做。由于我只需要在一个页面而不是整个网站上使用它,我不想将其添加到网站的正文标记中以在每个页面上初始化Google地图并减慢网站速度。

感谢您的任何建议。

1 个答案:

答案 0 :(得分:1)

不,您不希望将另一个正文标记添加到使用该地图的特定页面模板中。您的开始<body>标记位于header.php,您应该获取要加载的特定页面的页面ID并执行;

<body <?php if (is_page(374)) { echo 'onload="initialize()" onunload="GUnload()"'; } ?>>
header.php

中的

将该代码添加到(在我的实例中)第374页。

要查找页面ID,只需将鼠标悬停在后端的“页面”部分中,您就可以在链接网址中看到该ID。

对于您将使用的多个页面;

<body <?php if (is_page(array(374,375))) { echo 'onload="initialize()" onunload="GUnload()"'; } ?>>

你也可以使用slug或title而不是ID,但当然它们很容易让你的客户改变并停止代码工作。这是is_page;

上的codex链接

http://codex.wordpress.org/Function_Reference/is_page