Googleマップのユーザーコントロールがマルチティップインスタンスで動作しない

Question

Googleマップを含むユーザーコントロールを作成しました。 Me.Page.ClientScript.RegisterStartupScript（Me.GetType（）、 "FunctionCallを" を使用して初期化する

<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> 

（）関数の呼び出しは、背後にあるコードからのものである（.ascx.cs）は次のようにユーザーコントロールにおける コードであります、 "initialize（）;"）

ユーザーコントロールの単一インスタンスが親ページ（.aspxページ）で使用されている場合は、すべてうまく動作します。 しかし、このユーザーコントロールをページ内で複数回使用しようとすると、最初のインスタンスのマップのみが表示されます。しかし、他のインスタンスのために、私は、ユーザーコントロールは4回使用されている場合、4つのマップは

Answer 1

最初に表示されるべき元のためにユーザーコントロール のすべてのインスタンスのためのGoogleマップを表示したいものが、空白

が表示されません私が試みることは、各div要素の一意のIDを生成することです。

Answer 2

JavaScriptは地図を最初の「map_canvas」divに追加するだけです。 jqueryを使用し、div idを変更する必要があります。