更新 7/17 已解决
我已将我的代码更新为 Solved 版本。
原始问题
我正在尝试通过 Gem gmaps4rails 显示 Google 地图。在研究了此处和此处发布的以下 2 个问题后，Google 地图似乎存在一个选项卡问题，该选项卡隐藏和显示来自 Jquery 或 Javascript 的内容，并且如果没有 Jquery 中的一些代码，将无法正确显示 Google 地图。
我一直在调整我的 javascript 中的地图大小，有人能指出我的错误吗？
谢谢！
我的代码：
Javascript
<script>
$(document).ready(function(){
//Default Action
$(".gear_tab_content").hide(); //Hide all content
$("ul.gear_page_tabs li:first").addClass("active").show(); //Activate first tab
$(".gear_tab_content:first").show(); //Show first tab content
$(".map_container").hide(); //Hide the Google Map
//On Click Event
$("ul.gear_page_tabs li").click(function() {
$("ul.gear_page_tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".gear_tab_content").hide(); //Hide all tab content
var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
if(activeTab == '#GearLocation') {
$(".map_container").show();
Gmaps.loadMaps();
Gmaps.map.addMarkers(json);
google.maps.event.trigger(Gmaps.map, 'resize');
}
return false;
});
});
</script>
我的观点
<div id="GearLocation" class="gear_tab_content">
<%= gmaps4rails(@json) %>
</div><!-- End GearLocation -->
控制器
def show
@gear = Gear.find(params[:id])
@storegear = @gear.user.gears.all(:order => 'created_at DESC', :limit => 6)
@comments = @gear.comments.all
@user = @gear.user
@store = @gear.user.store.id
@json = @gear.to_gmaps4rails
respond_to do |format|
format.html
format.json { render :json => @json }
end
end
路线
gears GET /gears(.:format) gears#index
POST /gears(.:format) gears#create
new_gear GET /gears/new(.:format) gears#new
edit_gear GET /gears/:id/edit(.:format) gears#edit
gear GET /gears/:id(.:format) gears#show
PUT /gears/:id(.:format) gears#update
DELETE /gears/:id(.:format) gears#destroy
/gear(.:format) gears#index
再次感谢。