Hello,
I need to be able to display map control inside update panel with width and height of 100%. I saw a sample on one of the threads and changed width/height to 100% and now the map does not get displayed. By default, the map is invisible - only when the user clicks the show button does the map becomes visible. This works fine if I provide a specific width/height. Any thoughts on this?
001_Post8726.zip (128 KB)
Hi kunal,
If you want to our mapcontrol can be set 100%, you need make sure all its container have been set to 100% in height.
So this code should works for you. I think the #<%=UpdatePanel1.ClientID%> is not so well, so if you can find some other solution for set the height of updatepanel please share to us.
Regards,
Don
<%@ Page Language=“C#” AutoEventWireup=“true” CodeBehind=“Default.aspx.cs” Inherits=“Post8726._Default” %>
<%@ Register Assembly=“WebEdition” Namespace=“ThinkGeo.MapSuite.WebEdition” TagPrefix=“cc1” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“w3.org/1999/xhtml”>
<head runat=“server”>
<title></title>
<style type=“text/css”>
body
{
height: 100%;
}
html
{
height: 100%;
}
form
{
height: 100%;
}
#<%=UpdatePanel1.ClientID%>
{
height: 100%;
}
</style>
</head>
<body>
<form id=“form1” runat=“server”>
<asp:ScriptManager ID=“ScriptManager1” runat=“server”>
</asp:ScriptManager>
<script type=‘text/javascript’ src=‘opl_GeoResource.axd’></script>
<script type=‘text/javascript’ src=‘extension_GeoResource.axd’></script>
<script type=‘text/javascript’ src=‘helper_GeoResource.axd’></script>
<script type=‘text/javascript’ src=‘parser_GeoResource.axd’></script>
<script type=‘text/javascript’ src=‘func_GeoResource.axd’></script>
<script type=‘text/javascript’ src=‘cm_GeoResource.axd’></script>
<asp:UpdatePanel ID=“UpdatePanel1” runat=“server”>
<ContentTemplate>
<cc1:Map ID=“Map1” runat=“server” Height=“100%” Width=“100%” Visible=“true”>
</cc1:Map>
<asp:Button ID=“btnShow” runat=“server” Text=“Show Map” OnClick=“btnShow_Click” />
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>