This simple plugin converts addresses in “
<address></address>” tags into links that open a Google Map in a new window. It also converts any address in a “.address” class into a Google Map link that opens in a new window.
NOTE: You need to put the address inside the
<address></address> html tag or within an html element with the
.address class for this plugin to work. For example, you would need to write the following into your code:
<address>3 Abbey Rd, London NW8 9AY, United Kingdom</address> OR
<span class=“address”>3 Abbey Rd, London NW8 9AY, United Kingdom</span> OR
<div class=“address”>3 Abbey Rd, London NW8 9AY, United Kingdom</div>
If you want to display the Google Map in an iframe, just use the
.address-iframe class in your markup. For example,
<div class=“address-iframe”>3 Abbey Rd, London NW8 9AY, United Kingdom</div> (Thanks to Mike Jasper for this idea and code!)
FYI: This plugin is great for themes with custom fields that supply the address, but is probably not too useful for themes that don’t, because you’ll need to enter the text view to add the appropriate html markup. Thanks!
- Where is the settings page?
There are no settings for this plugin.
- This isn’t working.
Make sure you put the address inside the
<address></address>html tag or inside an html element with the
addressclass. This is required.
Using it with Advanced Custom Fields. Works great.
I use this temporarily to create links to Google Maps. I place the code in a page and preview the page, I hover over the hypertext and copy the link and then I use this copied link to place into my REAL pages so that Mobile phones can prompt for either your default browser or your Google Maps App. Without this generated code...I found that the Google Maps App was not prompted.
- Added support for ‘.address-iframe’ class
- Added support for ‘.address’ class
- Initial release