我有這個小片段在jquery 1.7.1,jqm 1.1.0和jquery-ui-maps v3上運行。jquery-ui-map框架在jqm 1.1.1上無法正常工作?
從jqm1.1.0切換到1.1.1時,有沒有人遇到過任何問題? 我曾在一個JQM應用程序實例這些代碼,它是在更新前的工作:
function loadGMaps() {
$(document).live('pageinit', function() {
$('#main-map').gmap({'disableDefaultUI':true, 'callback': function(map) {
var self = this;
self.watchPosition(function(position, status) {
if (status === 'OK') {
var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
if (!self.get('markers').client) {
self.addMarker({ 'id': 'client', 'position': latlng, 'bounds': true });
} else {
self.get('markers').client.setPosition(latlng);
map.panTo(latlng);
}
/*self.search({ 'address': 'Vancouver, Canada' }, function(results, status) {
if (status === 'OK') {
console.log(results[0]);
}
});*/
}
});
}});
});
$(document).live('pageshow', function() {
$('#main-map').gmap('refresh')
});
$(document).live('pagehide', function() {
$('#main-map').gmap('clearWatch')
});
}
使用FF調試,這似乎不是召self.watchPosition()命令,只是跳過它。
代碼是從這裏取 http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-mobile.html#gps_map
可能有人給我一個忠告那裏? 謝謝!
編輯:我使用的HTML代碼非常相似,一個在例如:
<div id='intro' data-role='content'>
<div class='row'>
<div class='twelvecol last'>
<div class='cell'>
<div id='main-map' style='height:300px;' class='align-center'>
<h5>
<span>Map</span>
</h5>
</div>
</div>
</div>
</div>
</div>
我們需要一些html來重現問題 – ShaunOReilly
HTML已被添加 – Dieghito
如果你可以在http://jsfiddle.net/webwarrior/bqFtg/1/填寫缺失的位然後我會告訴你如何追蹤這個問題 – ShaunOReilly