Per Googles rules, you can not load the 'Driving Directions' screens inside an i-frame.  For those of you who use an i-frame to load your locator system into your existing site (wordpress for example), here are instructions on editing the template's code to get it to work properly so that your 'Driving Directions' screens will load.

 

1.  Login to your Admin Panel.

2.  Using the Template Editor Tool, find and locate the result_details.tpl template.

Scroll down to line # 35 and you should see this code:


<form class="drivingDirections">
            <h2>Driving Directions</h2>
            <span>Enter Your Address:</span>
            <input type="text" name="directions_from" id="directions_from" />
            <input type="submit" name="getDrivingDirections" value="Get Driving Directions" onclick="showDirections(); return false;" />
</form>

 

Delete this code and replace it with the following new code:

<form class="directions">
    <img style="vertical-align:middle" src="images/icon_directions.gif" border="0"> Enter Your Address: <input type="text" size="35" id="directions_from" /> <input type="submit" value="Get Driving Directions"/>
</form>



3.  Scroll down to the very bottom of the template and Add the following javascript code to the bottom of the same result_details.tpl template:


{literal}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">
$(function() {
$('.directions').submit(
function(e) {
e.preventDefault();
var fromAddr = $('#directions_from').val();
{/literal}

top.location = "http://maps.google.com?daddr={$location.address1}%2C+{$location.city}%2C+{$location.state}%2C+{$location.country}%2C+{$location.zip}&saddr=" + fromAddr;
{literal}
});
});
</script>
{/literal}