Bản đồ

<section class="map" id="contact">
    <div class="map-container">
        <div id="contact_map" class="map"></div>
    </div><!-- /map-container -->
</section>
II. JS
<script type="text/javascript">
    $(document).ready(function(){ 
        if($('#contact_map').length){
          $('#contact_map').gMap({
            zoom: {{ settings.contact_zoom }},
            scrollwheel: true,
            maptype: '{{ settings.contact_type }}',
            markers:[
              {
                address: '{{ settings.contact_page_address }}',
                html: '_address'
              }
            ]
          });
        }
    });   
</script>

III. Link
https://developers.google.com/maps/documentation/javascript/