Javascript 用户控件中的Google地图不适用于多个实例

我已经创建了包含谷歌地图的用户控件。 用户控件中的代码如下所示

<script type="text/javascript" language="javascript">
var map;
function intialize(){
  map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

        //set the default center
       map.setCenter(myLatlng);
        //set the default zoom
       map.setZoom(initialZoom);

        //Set the map type
       map.setMapTypeId(google.maps.MapTypeId.SATELLITE);
}
</script>

HTML code:
<div id="map_canvas" style="float: left; width: 100%; height: 300px; border: solid 1px black;" > </div>

var映射；
函数初始化（）{
map=new google.maps.map（document.getElementById（“map_canvas”），mapOptions）；
//设置默认中心
地图设置中心（myLatlng）；
//设置默认缩放
map.setZoom（初始化缩放）；
//设置贴图类型
setMapTypeId（google.maps.MapTypeId.SATELLITE）；
}
HTML代码：

对Initialize（）函数的调用来自代码隐藏（.ascx.cs），使用 Me.Page.ClientScript.RegisterStartupScript（Me.GetType（），“FunctionCall”，“initialize（）；”）

当在父页面（.aspx页面）中使用用户控件的单个实例时，Everythings工作正常。 但当我在页面中多次尝试使用此用户控件时，只显示了第一个实例的映射。但在其他情况下，它只显示空白

我想为用户控件的所有实例显示谷歌地图

---

例如，当用户控件被使用4次时，应该显示4个映射

我要尝试的第一件事是为每个div元素生成一个唯一的ID。

javascript只会将映射添加到第一个“map\u canvas”div。您可能需要使用jquery并更改div ID才能工作