<div class="container my-4">

​

    <p class="font-weight-bold">An example of material design map . Easy to implement and customize. Examples of basic and advanced usage.</p>

​

    <p>

      <strong>Detailed documentation and more examples you can find in our 

      <a href="https://mdbootstrap.com/docs/jquery/javascript/google-maps/" target="_blank">Maps Docs</a>

      </strong> 

    </p>

​

    <hr>

​

    <p class="font-weight-bold">Basic example</p>

    <!--Google map-->

<div id="map-container-google-1" class="z-depth-1-half map-container" style="height: 500px">

  <iframe src="https://maps.google.com/maps?q=manhatan&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0"

    style="border:0" allowfullscreen></iframe>

</div>

​

<!--Google Maps-->

​

  </div>