How Do I View Pop Up When I Have Reached My Destination In Google Maps

href="modal_content_name"
    data-toggle="modal"

<div class="modal fade" id="test_modal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <h3>Hello Sir/Madam</h3>
  </div>
  <div class="modal-body">
    <p>"You Have Reached Your Destination at 58 Victoria Street".</p>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
      </div>
</div

<script type="text/javascript">
    $(document).ready(function(){
        $('#test_modal').modal('show');
    });
</script>

<script type="text/javascript">
$('#test_modal').modal('hide')
</script>