地图在移动设备上显示错误（使用 JQuery mobile）

我正在使用 jQuery mobile，并且必须显示一些地图。 我使用的功能是每次单击特定链接时都会创建地图，但在生成第一个地图后，其他地图显示错误。

这里有一个例子， 第一张地图：

其他地图：

我使用这样的函数：

function buildMap(div){

    var coord = new google.maps.LatLng(lat, lng);

    var options = {
        zoom: 13,
        scrollwheel: false,
        scaleControl: true,
        mapTypeControl: false,
        center: coord,
        mapTypeId: google.maps.MapTypeId.HYBRID
    };

    var map = new google.maps.Map(div, options);

    return map;
}

你能帮助我吗？

谢谢你！！

问题解决了，您需要在“pageshow”事件（jQuery mobile 的一个事件）上创建地图：

$('#map_page').live('pageshow',function(event, ui){
    buildResultMap('#map_canvas');
});