谷歌地圖有一個灰色邊框/周圍填充

根據下面的截圖，我有一個灰色邊框/填充谷歌地圖周圍，有人知道如何刪除它？谷歌地圖有一個灰色邊框/周圍填充

感謝

enter image description here

這裏是我的代碼：

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); 
    }

我有3個頁面中嵌入了谷歌地圖，我加入下面的代碼來調用谷歌地圖

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

更新：

<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

看起來像一個零大小div問題。您沒有提供設置地圖div大小的代碼。您需要確保在調用初始化函數時定義了大小。如果您使用的是百分比高度和寬度，請參閱邁克威廉斯提供的地圖百分比大小的教程（第2版）：The Basics - Part 20 Using a percentage height for the map div

來源

2012-07-05 03:44:32 geocodezip

我已經添加寬度和高度的div標記，請再次檢查我的問題更新，謝謝 –

然後也許[this]（http://stackoverflow.com/questions/4395780/difference-bw-onload-和文檔就緒功能）可能是相關的。 – geocodezip

我之前也有過這個問題。

予固定的方式是通過使用初始化地圖這個代碼後調整大小的地圖：

google.maps.event.trigger（地圖，「調整」）;

如果您的地圖顯示在多個頁面上，則無論用戶何時進入該頁面，都可能需要執行此操作。

來源

2014-03-06 15:11:43 Dustin

谷歌地圖有一個灰色邊框/周圍填充

回答

相關問題