asp.net - 选项卡面板内的 asp.net 和 google 地图

Question

我在标签面板内的地图上有问题。这就是我展示的内容： http ://www.pixelfarm.it/gmaps.png 如果我调整浏览器窗口的大小，一切正常。我该如何解决这个问题？提前致谢

Answer 1

我所做的是创建一个函数 JavaScript：

function resize() {
                google.maps.event.trigger(map, 'resize');
}

然后是您添加属性的 TabContainer：

OnClientActiveTabChanged="resize
     <asp:TabContainer ID="tcEntidades" runat="server" ActiveTabIndex="0"   OnClientActiveTabChanged="resize">

Answer 2

每当用户单击地图的选项卡时，您都需要触发调整大小功能...这是一个基本代码...它可能会对您有所帮助

$(document).ready(function(){
  $('#maptab').bind('onClick', function() {
    google.maps.event.trigger(map, 'resize');
  });
});