mappa google che si adatta allo schermo

[Fandango Visual]

<divclass="col-sm-10">         
    <divid="map"></div>
</div>

Ecco, oltre a mettere col-sm-10 al div contenitore, mettilo anche al div #map:
<div id="map" class="col-sm-12"> (12 o il numero di colonne che preferisci)

[mbistato]

Ecco, oltre a mettere col-sm-10 al div contenitore, mettilo anche al div #map:
<div id="map" class="col-sm-12"> (12 o il numero di colonne che preferisci)

Mi spiegheresti perchè non funziona se col-sm-10 lo metto solo al div contenitore? Qual'è la logica?

Ho provato cmq a fare quello che hai detto ma la mappa viene visualizzata schiacciata (praticamente una linea nella parte alta del contenitore). Questo perchè, tra le regole css del bootstrap, riscontro la presenza di questa:

min-height: 1px;

Se aumento questa misura la mappa si comincia a vedere. Io vorrei impostare l'altezza in modo tale da non dover scrollare in basso o in alto.