地图在移动设备上显示错误（使用JQuery移动设备） [英] maps displayed wrong on mobile (using JQuery mobile)

问题描述

我使用jQuery移动版，并且必须显示一些地图。
我使用的是一个函数，每次点击特定链接时都会创建地图，但是在生成第一个地图之后，其他人会显示错误。

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

其他地图： $ b

我使用这样的函数： b

 函数buildMap（div）{
 
 var coord = new google.maps.LatLng（lat，lng）; 
 
 var options = {
 zoom：13，
 scrollwheel：false，
 scaleControl：true，
 mapTypeControl：false，
 center：坐标，
 mapTypeId：google.maps.MapTypeId.HYBRID 
}; 
 
 var map = new google.maps.Map（div，options）; 
 
返回地图; 
} 
  

您能帮我吗？

谢谢!!

解决方案

问题解决了，您需要在pageshow事件中创建地图事件jQuery手机）：
$ b $ $ p $ $（'＃map_page'）。live（'pageshow'，function（event，ui） {
buildResultMap（'＃map_canvas'）;
}）;


I'm using jQuery mobile and I have to display some maps. I'm using a function that create maps every time that I click on the specific link but after the generation of the first map, the others are displayed wrong.

Here an example, First map:

Other maps:

I use a function like this:

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;
}

Can you help me?

Thank you!!

解决方案

Problem solved, you need to create the map on the "pageshow" event (an event of jQuery mobile):

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

这篇关于地图在移动设备上显示错误（使用JQuery移动设备）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！