現在、隠しタブ システム内で Google マップを使用しています。マップが中心からずれているように見え、マーカーを見つけるためにスクロールする必要があることを除いて、すべて正常に機能します。
以前は隠し属性のためにマップの一部しか表示されていなかったので、完全なマップをロードすることができました。
以下のスクリプトを使用しましたが、.getCenter を使用してマップを集中化しようとすると、「Object # has no method 'getCenter'」という Javascrip エラーが表示されます。
<script type="text/javascript">
$(document).ready(function(){
$('#hotel-listing .option').hide();
$('#hotel-listing .option:first').show();
$('#hotel-listing nav ul li a:first').addClass('active');
$('#hotel-listing nav ul li a').click(function(){
$('#hotel-listing nav ul li a').removeClass('active');
$(this).addClass('active');
var currentTab = $(this).attr('href');
$('#hotel-listing .option').hide();
$(currentTab).show();
var currCenter = map.getCenter();
google.maps.event.trigger(map, 'resize');
map.setCenter(currCenter);
return false;
});
});
</script>
任意の支援をいただければ幸いです。
ありがとう