Google지도 주위에 회색 테두리/패딩이 있습니다.

아래 스크린 샷에 따르면 Google지도 주위에 회색 테두리/패딩이 있습니다. 제거 방법을 알고 있습니까? 나는 구글 맵을 포함하는 3 페이지를Google지도 주위에 회색 테두리/패딩이 있습니다.

var map; 
    function initialize(canvas,lat,lng) { 
    var myOptions = { 
      zoom: 16, 
      center: new google.maps.LatLng(lat,lng), 
      disableDefaultUI: true, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      panControl: false, 
      zoomControl: true, 
      zoomControlOptions: { 
       style: google.maps.ZoomControlStyle.SMALL, 
       position: google.maps.ControlPosition.LEFT_TOP 
      }, 
      scaleControl: false, 
      streetViewControl: false, 
      scrollwheel: false 
    }; 
    map = new google.maps.Map(document.getElementById(canvas),myOptions); 
    }

, 그리고 구글지도

$(document).ready(function() { 
     initialize("causewayBayMapCanvas","22.281001", "114.186375"); 
});

를 호출하는 코드 아래에 추가 :

덕분에 여기

enter image description here

내 코드입니다

업데이트 :

<div style="width:300px; height:200px; border: 1px solid #0051B9"> 
      <div id="<?php echo $mapId;?>" class="map rounded"></div> 
</div>

출처

2012-07-05 Charles Yeung

zero size div 문제처럼 보입니다. 지도 div의 크기를 설정하는 코드를 제공하지 않았습니다. initialize 함수가 호출 될 때 크기가 정의되어 있는지 확인해야합니다. 너비와 높이를 사용하는 경우 Mike Williams의이 (v2) 자습서에서지도의 크기 크기를 주소 지정하는 방법을 참조하십시오. The Basics - Part 20 Using a percentage height for the map div

출처

2012-07-05 03:44:32 geocodezip

div 태그에 이미 너비와 높이를 추가했습니다. 내 질문에 대한 업데이트를 다시 확인하십시오. 감사합니다. –

다음 [아마도] (http://stackoverflow.com/questions/4395780/difference-bw-onload- and-document-readyfunction)이 관련성이있을 수 있습니다. – geocodezip

이전에도이 문제가있었습니다.

내가 해결 방법은지도 초기화 후이 코드를 사용하여지도의 크기를 조정하는 것이 었습니다 :

google.maps.event.trigger (지도 '크기 조정');

지도가 여러 페이지에 표시되는 경우 사용자가 페이지를 방문 할 때마다이 작업을 수행해야 할 수 있습니다.

출처

2014-03-06 15:11:43 Dustin

Google지도 주위에 회색 테두리/패딩이 있습니다.

답변

관련 문제