Dear all,
i am using asp.net. i did bind google map with in div of my login page its working fine when load the page. but when i type the user name to the text box and enter the Enter button that time google map not showing what is the problem on my page.
//Html Code
//Java script
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js">
</script>
<script type="text/javascript">
function initialize() {
var mapProp = {
center: new google.maps.LatLng(20.5937, 78.9629),
zoom: 9,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
//LoginBox
<body background="skyBackground.jpg" >
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="upPanel" runat="server">
<ContentTemplate>
<div id="lalUser" style="margin-left: 2%; margin-top: 16px; position: absolute; color: darkblue;">
<asp:Label ID="lblUser" runat="server" Text="UserName"></asp:Label>
</div>
<asp:TextBox ID="txtUserName1" runat="server" Width="100%" Height="100%" OnTextChanged="txtUserName1_TextChanged"
Style="border: 3px solid #63FF00;" >
<asp:TextBox ID="txtPassword1" runat="server" Width="100%" Height="100%" OnTextChanged="txtPassword1_TextChanged"
TextMode="Password" Style="border: 3px solid #63FF00;" >
//load Map
<div id="map" class="loadmap">
</div>
</ContentTemplate>
</asp:UpdatePanel>
Regards,
Karthik
What I have tried:
i tried to load the google map.