title: Change embedded google map location based on selection
body: <p>Thanks to a previous question from another user I have been able to set up an embedded map on my webpage and created some buttons. </p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;button typeof="button" data-lat="37.9758438" data-long="23.7454209"&gt;Na Fianna&lt;/button&gt;
  &lt;button typeof="button" data-lat="48.8588589" data-long="2.3470599"&gt;St. Pauls&lt;/button&gt;
  &lt;button typeof="button" data-lat="37.4038194" data-long="-122.081267"&gt;Kevins&lt;/button&gt;
  
  &lt;iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9521.05146600762!2d-6.2630277!3d53.374346!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x72398e1c9e377ac0!2sCLG+Na+Fianna!5e0!3m2!1sen!2sie!4v1448021350769" width="400" height="300" frameborder="0" style="border:0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>However I don't know how to get the embedded map to change location based on which button is selected. </p>