​

  <div class="container my-4">

​

    <p class="font-weight-bold">A simple example of how to add google map in html</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">Bootstrap Google Maps Docs</a> </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>