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