2011-02-09 76 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以使其起作用。