<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="map-container" class="col-md-6r" > <div class="row"> <script src="https://maps.google.com/maps/api/js?sensor=false"></script> <script> google.maps.event.addDomListener(window, 'load', init_map); </script> </div> </div><!-- /map-container --> <div class="container"> <div class="row"> <div class="center"> <div id="map-outer" class="col-md-12"> <div id="address" class="col-md-6"> <address> <strong>Tucuman 82, San Martin</strong><br> Mendoza, Argentina<br> CP: 5570<br> <abbr>Tel:</abbr> 02634- 430494 / 0261- 3537579 <br> Nextel 696 *492 </address> </div> </div><!-- /map-outer --> </div><!-- /center --> </div> <!-- /row --> </div><!-- /container -->

#map-outer { height: 240px; padding: 20px; border: 0px; margin-bottom: 20px; background-color:#FFF } #map-container { height: 400px } @media all and (max-width: 991px) { #map-outer { height: 650px } } .center { margin: auto; width: 50%; border: 0px; padding: 10px; text-align: center; }

function init_map() { var var_location = new google.maps.LatLng(-33.084328, -68.465238); var var_mapoptions = { center: var_location, zoom: 14 }; var var_marker = new google.maps.Marker({ position: var_location, map: var_map, title:"San Martin Herramientas"}); var var_map = new google.maps.Map(document.getElementById("map-container"), var_mapoptions); var_marker.setMap(var_map); }