JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="//cdn.jsdelivr.net/gmaps/0.4.11/gmaps.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div class="locations">
    <div class="container-fluid">
        	<h2>Our Office <strong>Locations</strong></h2>

        <ul class="nav nav-tabs" role="tablist" id="mapTabs">
            <li class="active"><a href="#fort-collins" role="tab" data-toggle="tab">Fort Collins</a>
            </li>
            <li><a href="#loveland" id="tab2" role="tab" data-toggle="tab">Loveland</a>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="fort-collins">
                <div id="fort-collins-map"></div>
            </div>
            <div class="tab-pane" id="loveland">
                <div id="loveland-map"></div>
            </div>
        </div>
    </div>
</div>

JavaScript

/**
 * Fort Collins Map
 */
$(document).ready(function () {
    $('.nav-tabs').on('shown.bs.tab',function(){google.maps.event.trigger(window,'resize',{});})
    map = new GMaps({
        div: '#fort-collins-map',
        lat: 40.574859,
        lng: -105.056756,
        width: '100%',
        height: '500px',
        scrollwheel: false,
    });
    map.addMarker({
        lat: 40.574859,
        lng: -105.056756,
        title: 'Fort Collins Office',
        infoWindow: {
            content: '<div class="bubble-wrap"><p class="office">Fort Collins Office</p><p>1120 E. Elizabeth St.</p><p>Suite F-101</p><p>Fort Collins, CO 80524</p><a href="https://www.google.com/maps/dir//1120+E+Elizabeth+St,+Fort+Collins,+CO+80524/@40.5748591,-105.0567559,17z/data=!4m13!1m4!3m3!1s0x87694ae0b3695899:0x5510539035305077!2s1120+E+Elizabeth+St!3b1!4m7!1m0!1m5!1m1!1s0x87694ae0b3695899:0x5510539035305077!2m2!1d-105.0567559!2d40.5748591">Directions</a></div>'
        }
    });
});
/**
 * Loveland Map
 */
$(document).ready(function () {
    map = new GMaps({
        div: '#loveland-map',
        lat: 40.431917,
        lng: -105.078848,
        width: '100%',
        height: '500px',
        scrollwheel: false,
    });
    map.addMarker({
        lat: 40.431917,
        lng: -105.078848,
        title: 'Loveland Office',
        infoWindow: {
            content: '<div class="bubble-wrap"><p class="office">Loveland Office</p><p>3820 N. Grant Ave.</p><p>Loveland, CO 80538</p><a href="https://www.google.com/maps/dir//3820+N+Grant+Ave,+Loveland,+CO+80538/@40.4319173,-105.0788668,17z/data=!4m13!1m4!3m3!1s0x8769528a066dd4ad:0x2b893ca80de0bd33!2s3820+N+Grant+Ave!3b1!4m7!1m0!1m5!1m1!1s0x8769528a066dd4ad:0x2b893ca80de0bd33!2m2!1d-105.0788668!2d40.4319173">Directions</a></div>'
        }
    });
});