<cc2:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel3" Width="600px" Height="400px" OnClientClick=<%= GM1.ClientID %>.checkResize();>

Thanks!

 

<cc2:TabPanel ID="TabPanel3" runat="server" HeaderText="TabPanel3" Width="600px" Height="400px" OnClientClick="ResetMapDelay">

function ResetMap(){

var vGM = <%=GM1.ClientID %>

var newLat = vGM.GMap.getCenter().lat();

var newLng = vGM.GMap.getCenter().lng();

var newZoom = vGM.GMap.getZoom();

vGM.checkResize();

vGM.GMap.setCenter(

new GLatLng(newLat,newLng), newZoom);

}

function ResetMapDelay(){

setTimeout(

'ResetMap()',50);

}

</

script>

<div id="ctl00_cntBody_ctlListView_GoogleMap1" style="height:600px;width:800px;">
</div>
<div id="ctl00_cntBody_ctlListView_GoogleMap1_Templates" style="display:none;"></div>
<input id="ctl00_cntBody_ctlListView_GoogleMap1_State" 
name="ctl00_cntBody_ctlListView_GoogleMap1_State" type="hidden" />

Thanks velio & axeman10001,

Your solution got me going again. 

But , I think the information provided on  http://googlemap.artembg.com/map/InTabPanel.aspx is not right (atleast in latest version 4.1).

I foun that 

    <script type="text/javascript">
        function refreshMap() {
            var map = <%= GoogleMap1.ClientID %>;
            map.checkResize();
        }
    </script>

infact should be :

    <script type="text/javascript">
        function refreshMap() {
            var map = <%= GoogleMap1.ID %>;
            map.checkResize();
        }
    </script>

After doing above mentioned change I still found the map is repositioned as the center of map moves to left top corner (as of today this problem is still there on  http://googlemap.artembg.com/map/InTabPanel.aspx) but thanks to code by axeman10001 that solved this problem. So the final code that code for me is as follows:

                    <ajaxToolkit:TabContainer ID="tcResult" runat="server" Width="545px" OnClientActiveTabChanged="refreshMap">
                        <ajaxToolkit:TabPanel ID="tpListView" runat="server" HeaderText="List View">
                            <ContentTemplate>
                                Some text ...
                            </ContentTemplate>
                        </ajaxToolkit:TabPanel>
                        <ajaxToolkit:TabPanel ID="tpMapView" runat="server" HeaderText="Map View">
                            <ContentTemplate>
                                <artem:GoogleMap ID="GoogleMap1" runat="server" Width="525px" Height="300px"
                                    BorderStyle="Solid" BorderColor="#999999" BorderWidth="1" />
                            </ContentTemplate>
                        </ajaxToolkit:TabPanel>
                    </ajaxToolkit:TabContainer>

                    <script type="text/javascript">
                        function refreshMap() 
                        {
                            var map = <%= GoogleMap1.ID %>;
                            var newLat = map.GMap.getCenter().lat();
                            var newLng = map.GMap.getCenter().lng();
                            var newZoom = map.GMap.getZoom();
                            map.checkResize();
                            map.GMap.setCenter(new GLatLng(newLat,newLng), newZoom);
                        }
                    </script>

Hi,

You are right. This sample is for the old version of GoogleMap control.
From version 4.0 you can reference the GoogleMap control javascript object with same name like its ID is.

In the above code of yours you can, as well, use following:

<script type="text/javascript">
                        function refreshMap()
                        {
                            var map = GoogleMap1;
                            var newLat = map.GMap.getCenter().lat();
                            var newLng = map.GMap.getCenter().lng();
                            var newZoom = map.GMap.getZoom();
                            map.checkResize();
                            map.GMap.setCenter(new GLatLng(newLat,newLng), newZoom);
                        }
                    </script>

You don't have to use the "ugly" syntax like <%= GoogleMap1.ID %> any more.

Check out the new features list in Release 4.0 and 4.0 beta.

Regards

Hi Velio,

I've downloaded the source bits (31229) as the other downloads weren't working for some reason, and I'm getting the same issue as Lefajardo.

I'm using the control in the most basic way possible, not inside a tabpanel or anything, this is the only thing on the page:

        <google:GoogleMap runat="server" id="map" Width="300px" Height="230px"  >
            <Markers>
                <google:GoogleMarker Title="Hello World" Latitude="52.371722" Longitude="4.900342" />
            </Markers>
        </google:GoogleMap>

Any suggestions are welcome, or should I just download another source build latest version?

Thanks,

Ok, I guess the google:GoogleMap was just missing values for the "Latitude" and "Longitude" properties. It works now.

I'm having the same issue with a GoogleMap control inside a ModalPopup, but there is no client side event for me to hook into that I know of.  Is there something I'm missing?