html - Using jQuery to display multiple maps in an iframe -
i trying create contact page on bootstrap framework have row split 2 columns. on left hand side have column containing iframe loads google map. on right hand side have column containing 4 offices addresses. default iframe loads map of head office default. i want able click on 1 of offices , iframe content change display relevant mapping information. the html on page follows :- <section id="contact-info"> <div class="center"> <h2>how reach us?</h2> <p class="lead">lorem ipsum dolor sit amet, consectetur adipisicing elit</p> </div> <div class="gmap-area"> <div class="container"> <div class="row"> <div class="col-sm-5 text-center"> <div class="gmap"> <iframe id="gmaps" frameborder="0"