Google Maps v3 在左上角部分加载,调整大小事件不起作用 [英] Google Maps v3 load partially on top left corner, resize event does not work
问题描述
左上角部分加载了 Google 地图 V3.我尝试了以下方法:
在地图初始化后添加
google.maps.event.trigger(map, 'resize');
.重新排列索引文件中的
标签
但没有一个对我有用.如何解决这个问题.这个问题有官方的bug和解决方案吗?
index.html
<html lang="zh-cn"><头><meta charset="utf-8"><title>Bootstrap,来自 LayoutIt!</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content=""><meta name="author" content=""><!-- Bootstrap css 文件--><link href="stylesheets/bootstrap.min.css" rel="stylesheet"><link href="stylesheets/bootstrap-responsive.min.css" rel="stylesheet"><link href="stylesheets/style.css" rel="stylesheet">头部><身体><div id="contentbar"><div id="dashboard-content" class="contentbar-main">部分内容
<div id="summary-content" class="contentbar-main" style="display:none;"><div class="container-fluid"><div class="row-fluid"><div class="span12"><div class="row-fluid"><div class="span7" id="sidebarid"><p>响应式网页设计是一种方法,我经常称其为一种思维方式,因为在进行响应式设计时,您必须改变思维方式.它背后的基本思想是:一个设计来统治它们——没有 m.domain.com、没有 touch.domain.com、没有 3 个单独的 CSS 文件、每个设备或每个方向没有 7 个 PSD 文件——只是domain.com""在台式机、平板电脑和手机上看起来都一样.</p>
<div class="span5" id="contentbarid"><div class="row-fluid"><div class="span12"><input type="button" value="toggle" id="toggle-button"><div id="map-canvas" style="width:100%;height:400px;"></div>