谷歌地圖在縮放控制上不顯示加號/減號

Question

我有一個使用谷歌地圖的流星網絡應用程序，從客戶地址獲取地圖信息。

getCoordinates(mapsArray(), function (coords) { 
    var mapCanvas = document.getElementById('map'); 
    var mapOptions = { 
    center: new google.maps.LatLng(coords[0] + 0.00145, coords[1] + 0.00135), // For some reason it centers off of the address entered. These numbers compensate. 
    zoom: 8, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    scaleControl: false, 
    scrollwheel: false, 
    disableDoubleClickZoom: true, 
    styles: [...styles here...] 
    }; 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
    var marker = new google.maps.Marker({ 
    position: { lat: coords_objLat.f + 0.00145, lng: coords_objLon.b + 0.00135 }, 
    title: mapAddress[0] 
    }); 
    marker.setMap(map); 
}); 

function getCoordinates(address, callback) { 
    var coordinates; 
    geocoder.geocode({ address: address }, function (results) { 
    coords_objLat = results[0].geometry.viewport.f; 
    coords_objLon = results[0].geometry.viewport.b; 
    coordinates = [coords_objLat.f, coords_objLon.b]; 
    callback(coordinates); 
    }) 
} 

這張地圖坐落在一張Materialise卡內，但我不確定這是多麼相關。

<div class="col s12 m6 l6"> 
     <div class="card"> 
      <div class="card-image waves-effect waves-block waves-light" id="map"> 
       <!--<map is here>--> 
      </div> 
. 
. 
. 

CSS：

#map { 
height: 200px; 
background-color: #01579b; 
padding: 0; 
} 

它看起來像什麼。在右下角的控件上應該有加號和減號以及人物形象。不記得以前見過這樣的：

任何想法？

Answer 1

從Google Maps Documentation：

默認情況下，所有控件消失如果地圖太小 （200x200px）。您可以通過將 控件明確設置爲可見來覆蓋此行爲。請參閱向地圖添加控件。

嘗試將地圖的大小更改爲201 px以查看是否有所作爲。否則，您可以覆蓋該行爲。這裏的說明：https://developers.google.com/maps/documentation/javascript/controls#Adding_Controls_to_the_Map