<html><head>
<title>Google Maps Box</title>
<link rel=StyleSheet href="pop-upstyle.css" type="text/css" media="screen">
</head>

<BODY BGCOLOR="#F2F9FA" TEXT="#000000" LINK="#99CCFF" VLINK="#99CCFF" ALINK="#99CCFF" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginheight=0 marginwidth=0>

<!-- OUTER TABLE-->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="100%" height="100%"><tr><td ALIGN="CENTER" VALIGN="TOP">

<!-- CONTENT TABLE -->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="80%"><tr><td ALIGN="left" VALIGN="TOP">
<br>

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Google Maps Box:</strong></span>
<br />
This option will enable the Google Maps Box.  This button will be added to row three of the visual editor.

<br /><br />

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Usage:</strong></span>
<br />
Placing a check in the box will enable the button in your visual editor.  Unchecking the box removes the button from the editor.
<br /><br />
Google Maps is a handy tool, used for a variety of purposes.  Here are a few examples I have seen using Google Maps:
<ul><li>Show where your next event will be held.</li><li>Show your vacation destinations.</li><li>Track your "road trip" stops along the way.</li></ul>
This plugin will add a button to row 3 of your visual editor.  When clicking the button, a popup will appear giving you a few options:
<ul><li>Address: Enter a specific address, city, state, or country.  This plugin even has auto-fill.  This box will self-populate as you type your address.</li><li>Coordinates: The coordinates will populate once you select your address.  Alternatively, if you know your coordinates, you may enter them here.</li><li>Size: You may enter a custom width and height here.</li><li>General Tab: There are a few general options which are pretty self-explanatory.</li></ul> 

<br /><br />

<img src="images/googlemaps1.png" border="1px solid #000000" /><br />
<em>Popup window for Google Maps.</em><br /><br />
<img src="images/googlemaps2.png" border="1px solid #000000" /><br />
<em>Front-end view of an inserted map.</em><br /><br />

</td></tr></table>
<!-- CONTENT TABLE -->

</td></tr><tr><td ALIGN="center" VALIGN="bottom"><!-- OUTER TABLE -->

<!-- CLOSE BUTTON -->
<form>
<input type=button value="Close Window" onClick='self.close()'>
</form>

</td></tr></table>
<!-- OUTER TABLE-->

</BODY>
</HTML>