本文介绍了地图在移动设备上显示错误(使用JQuery移动设备)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用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移动设备)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

07-22 13:30