1
다음을 보시고 LINK을 (를)보고지도가 왜 반응하지 않는지 알려주십시오. 정확한 위치 지정과 관련하여 몇 가지 문제가 있습니다. 페이지에 올바르게지도를 표시하도록 도와 주시면 감사하겠습니다. 여기 부트 스트랩 전체 화면 Google지도가 반응이 없습니다
내 CSS와 HTML뿐만 아니라,<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- The styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- JS Libs -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false&dummy=.js"></script>
<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/routeboxer/src/RouteBoxer.js" type="text/javascript"></script>
</head>
<body>
<div class="row">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Brand</a>
<div class="nav-collapse collapse" id="spanClasses">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li class="divider"></li>
<li><a href="#">Link</a></li>
<li class="divider"></li>
<li><a href="#">Link</a></li>
<li class="divider"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="map">
<div id="map_canvas"></div>
</div>
과 CSS입니다 :
body { padding-top:42px; height: 100% }
#map_canvas { width: 99%; height: 100%;}
#map{ padding-left:10px; padding-right:0px;}
을 브라우저를 소형화하면서지도는 이미지, 그것은 소형화하지 않습니다되지 무엇 지도가 그렇게되기를 기대합니까? 응답을 정의하십시오 ... 나는 스크롤 막대가 나타나지 않는다는 것을 느낄 수 있습니다. – Pevara