javascript - 将 JavaScript 函数添加到 PHP 中的重复区域

Question

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

我想做的是在每个区域都有一个 Google map ，根据数据库中存储的邮政编码显示用户的确切位置。我在第一个区域实现了这一点，但只是因为我正在调用该函数:

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

所以我只在页面加载时调用该函数一次(正确吗？)。

另外，因为我传递了包含 map 的 div 的名称 <div id="map-canvas">对于 google 函数，我想我必须为每个区域创建一个唯一的 ID，以便 google 函数知道它引用的是哪个 div。我如何实现这一点，以及如何包含每个重复区域的“函数调用”，以便为每个重复区域创建一个新 map ？

Answer 1

是的，您必须为每个 map 创建一个div(并且每个 map 具有不同的id)。您可以重复使用一些代码，如下所示:

1. 创建一个具有 map 通用属性的对象(我想它们会有一些通用属性，例如 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++;
   }
   

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