在PHP中将重复区域添加JavaScript函数

Question

我在网页上有一个区域（定义为div），显示有关数据库中人员的各种信息。 我在数据库上有一个重复区域，为数据库中的每个用户生成一个新的div。

我想要做的是在每个区域都有一张Google地图，显示用户从存储在数据库中的邮政编码的确切位置。 我在第一个区域实现了这一点，但仅仅因为我调用了函数：

google.maps.event.addDomListener(window, 'load', initialize);

所以只在页面加载时调用函数一次（正确吗？）。

另外，当我将包含地图<div id="map-canvas">的div的名称传递给google函数时，我认为不得不为每个区域创建一个唯一的ID，以便google函数知道哪个div它指的是。 我如何实现这一目标，如何为每个重复区域区域添加“函数调用”，以便为每个区域创建一个新的映射？

Answer 1

您将必须将每个地图显示区域绑定到Google引擎，但一旦完成，您可以自由更改显示区域而无需重新创建div。

此外，我假设您可以在单个页面上显示的地图数量存在物理限制。

那么也许您可以创建六个预先初始化的地图区域，并使用它们来显示您当前关注的任何人的位置？ 只需拨打电话即可显示地址中的位置。

Answer 2

是的，你必须为每个（并且每个具有不同的id ）地图创建一个div 。 您可以重用这样的代码：

1. 创建一个具有地图公共属性的对象（我认为它们将具有一些常见属性，如zoom或mapTypeId ）：

    var mapOptions = { zoom: 10, mapTypeId: google.maps.MapTypeId.TERRAIN }; 

2. 那你的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++; } 

当然这些代码就是一个例子，因为我不知道你的代码，所以你必须根据自己的需要进行调整。