Google maps api 3 谷歌地图在同一页面上发布多张地图

我对谷歌地图的实现有以下问题。 我有一个包含餐厅的列表，并且需要为每个餐厅显示单独的地图，而不是在一张地图中显示所有餐厅。我创建单独的div：

<div class="googleMap" id="googleMap<?php echo $row[0];?>" style="width:500px;height:380px;position:absolute;"></div>    

---

它显示为：

<div id="map1"></div>

<br>
<br>
<br>
<br>
<br>

<div id="map2"></div>

function initialize(){    
var restaurant= <?php echo json_encode($r[11]); ?>;    
//alert(hotel);    
var mapProp = {    
center:myCenter,    
zoom:16,    
mapTypeId:google.maps.MapTypeId.ROADMAP    
};    
var map=new google.maps.Map(document.getElementById("googleMap" + restaurant),mapProp);       
var marker=new google.maps.Marker({    
position:myCenter,    
});    
marker.setMap(map);    
var infowindow = new google.maps.InfoWindow({    
content:"Hello World!"    
});    
infowindow.open(map,marker);   
}    
google.maps.event.addDomListener(window, 'load', initialize);    

<div id="map1"></div>

<br>
<br>
<br>
<br>
<br>

<div id="map2"></div>

var map1;
var map2;

function initialize(){   
  map1 = new GMap2(document.getElementById("map1"));
  map1.setCenter(new GLatLng(37.4419, -122.1419), 13);

  map2 = new GMap2(document.getElementById("map2"));
  map2.setCenter(new GLatLng(38.88, -100.22), 13);
}