내 Google지도의 너비를 반응 적으로 만듭니다.

옳은 대답을 찾고 있었지만 찾을 수 없습니다.내 Google지도의 너비를 반응 적으로 만듭니다.

Google 브라우저 API를 사용하여 브라우저 너비를 늘리면 응답 속도가 빨라집니다. 내 자바 스크립트에서

난 내 HTML의 DIV와 상호 작용이 코드가

ui.map = new google.maps.Map(document.getElementById("map_canvas"), mapParams); 
    ui.bounds = new google.maps.LatLngBounds(); 

    google.maps.event.addDomListener(window, 'resize', function() { 
map.setCenter(homeLatlng);

내 HTML은 :

<div id="map_canvas" class="map"></div>

내 CSS 응답 코드 :

@media screen and (min-width: 800px) { 
#map_canvas { 
margin:0 auto; height:600px; min-width:450px; max-width:750px; float:right;

문제가 있다는 것입니다 내 Google지도는 450px에서 유지됩니다. 아무도 내 Google지도가 나던 이유를 아나요? 내 브라우저 너비를 더 크게 만들면 더 커야합니까?

출처

2013-11-25 RobinHo

#map_canvas에는 수많은 div가 있습니다. 해당 div의 너비가 100 %인지 확인하십시오. – brouxhaha

답변은 다음 링크에 있습니다. http://stackoverflow.com/questions/11598955/resizing-google-map-according-to-browser-resizing – RouteMapper

지도를 어떻게 포함합니까? –

width의 #map_canvas을 css와 100 % 동일하게 설정해야합니다. 그렇게하면 부모 컨테이너의 너비와 관련하여 늘어납니다. 브라우저의 크기를 조정할 때 그 한도에 도달하면 여전히 min-width 및 max-width 속성을 따르게됩니다.

출처

2013-11-25 17:28:58

내 Google지도의 너비를 반응 적으로 만듭니다.

답변

관련 문제