2011-02-09 102 views
0

我已經創建了包含谷歌地圖的用戶控件。 代碼在用戶控制是如下谷歌地圖用戶控件不適用於多個實例

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

呼叫初始化()函數是從後面代碼使用 Me.Page.ClientScript.RegisterStartupScript(Me.GetType()(.ascx.cs), 「FunctionCall」 ,「initialize();」)

當在父頁面(.aspx頁面)中使用用戶控件的單個實例時,Everythings正常工作。 但是,當我試圖在頁面中多次使用此用戶控件時,僅顯示第一個實例的地圖。但對於其他情況下,它沒有顯示任何東西,但空白

我想爲用戶顯示控制 對於前的所有實例谷歌地圖時,用戶控制使用4次,4個地圖應顯示

回答

0

第一我會嘗試的是爲每個div元素生成一個唯一的ID。

0

JavaScript只會將地圖添加到第一個「map_canvas」div。您可能需要使用jquery並更改div id以使其起作用。