<br>
Automatically Generated Google Maps link: 
<address class="link">
30 Rockafeller plaza
<br>
New York, NY 10112
</address>
<br>
Automatically Generated Embedded Google Map: 
<address class="map">
30 Rockafeller plaza, New York NY 10112
</address>
body {
  font-family: sans-serif;
  text-align: center;
}
//Generate a link to google maps
$(document).ready(function () {
    //Convert address tags to google map links
    $('address.link').each(function () {
        var link = "<a href='https://maps.google.com/maps?q=" + encodeURIComponent( $(this).text() ) + "' target='_blank'>" + $(this).html() + "</a>";
        $(this).html(link);
    });
});

///Generate a google embeded map
$(document).ready(function(){
//Convert address tags to google embedded map
  $("address.map").each(function(){
    var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0'   src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( $(this).text() ) +"&amp;output=embed'></iframe>";
                                $(this).html(embed);

   });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://code.jquery.com/jquery-2.2.4.min.js