我在网页上有一个区域（定义为 div），显示来自数据库的有关人员的各种信息。我在数据库上有一个重复区域，为数据库中的每个用户生成一个新的 div。
我想做的是在这些区域中的每一个区域都有一个谷歌地图，从存储在数据库中的邮政编码中显示用户的确切位置。我在第一个领域实现了这一点，但这只是因为我正在调用该函数：
google.maps.event.addDomListener(window, 'load', initialize);
所以我只在页面加载时调用该函数一次（正确吗？）。
另外，当我将包含地图<div id="map-canvas"> 的 div 的名称传递给 google 函数时，我想我必须为每个区域创建一个唯一的 ID，以便 google 函数知道它指的是哪个 div。我该如何做到这一点，以及如何为每个重复区域区域包含“函数调用”以便为每个区域创建一个新地图？
【问题讨论】：
标签： javascript php html google-maps
是的，您必须为每个映射创建一个div（并且每个映射具有不同的id）。你可以像这样重用一些代码：
创建一个具有地图通用属性的对象（我假设它们将具有一些通用属性，例如zoom 或mapTypeId）：
var mapOptions = {
zoom: 10,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
然后是你的 PHP 循环：
$i = 0;
while (@extract(mysql_fetch_assoc($resource)))
{
// Javascript code
?>
var newOptions = mapOptions;
newOptions["center"] = new google.maps.LatLng(<?php echo "$lat, $lng"; ?>);
var map<?php echo $i; ?> = new google.maps.Map(document.getElementById('map<?php echo $i; ?>'),
newOptions);
<?php
// HTML elements
<?php echo "<div id='map$i'></div>"; ?>
$i++;
}
当然这些代码只是一个例子，因为我不知道你的代码，所以你必须根据自己的需要进行调整。
【讨论】：
center 进行设置。您也可以使用 Ajax，但我认为一旦它不依赖于任何用户操作，它就没有任何用处，因此您可以直接将其加载到正文中。我想它会更快。
您必须将每个地图显示区域绑定到 Google 引擎，但是一旦完成，您就可以随意更改显示区域而无需重新创建 div。
此外，我假设您可以在单个页面上显示的地图数量存在物理限制。
所以也许您可以创建，例如，六个预先初始化的地图区域，并使用它们来显示您当前关注的任何人的位置？从地址显示位置只需要一个调用。
【讨论】：