[EricaJoy]

Originally Posted by bamahan

Been waiting for somebody to add this, but I'm at the point where I needed it so I wrote it. Nothing fancy, but it works. I can't support this, but wanted to share. Here's the changes I made:

in VBGooglemap.php I added this:

PHP Code:

function geocode($query) {
   $service = "http://brainoff.com/geocoder/rest/?";
   $f = implode("",file($service . $query));
   preg_match("/:long\>([\d\.-]*)/",$f,$long);
   preg_match("/:lat\>([\d\.-]*)/",$f,$lat);

   $coords["long"] = $long[1];
   $coords["lat"] = $lat[1];
   return $coords;
} 


right after this:

PHP Code:

// #######################################################################
// ######################## START MAIN SCRIPT ############################
// ####################################################################### 


Then after this:

PHP Code:

//################################################
// END Functions for setting the users location
//################################################
} 


I added this:

PHP Code:

if ($_REQUEST['do'] == 'geocodelookup') {
  $coords =  geocode($_SERVER["QUERY_STRING"]);
  if($coords["long"] && $coords["lat"]) echo($coords["long"]."|".$coords["lat"]);
  exit();
} 


In each of the VBGooglemap_display/set_yourlocation templates add these functions to one of the <SCRIPT> blocks

function lookupZip(zip) {
	var q = "zip="+zip;
	doLookup(q);
}
function lookupCity(city) {
	var q = "city="+city;
	doLookup(q);
}
function doLookup(q) {
	var t = getTransport();
	t.open("GET","?do=geocodelookup&"+q, false);
	t.send("");
	if(t.responseText) {
		var coords = t.responseText.split('|');
		if(!coords||coords.length!=2) return;                
		map.centerAndZoom(new GPoint(coords[0], coords[1]), 6);
	} else {
		alert("Not Found or Invalid Lookup!");
	}
}
function 	getTransport() {
	if(window.XMLHttpRequest || window.ActiveXObject) {
	try{
		req = new XMLHttpRequest();
	} catch(e) {
		try{
			req = new ActiveXObject("Microsoft.XMLHTTP");
		} catch(e) {
			try {
				req = new ActiveXObject("Msxml4.XMLHTTP");
			} catch(e) {
				try {
					req = new ActiveXObject("Msxml2.XMLHTTP");
				} catch(e) {
					return false;
				}
			}
		}
	}
	return req;
}
}

And lastly I added this HTML below the first <script> block:

<table class="tborder" cellspacing="$stylevar[cellspacing]" cellpadding="$stylevar[cellpadding]" width="100%" border="0" align="center">

<tr>
<td class="tcat">$vbphrase[googlemap_edit]</td>
</tr>
<tr>
<td class="alt1"><div class="smallfont">
$vbphrase[googlemap_smallhelp]
</div></td>
</tr>

<tr>
<td class="thead">Zip Code Lookup</td>
</tr>
<tr>
<td class="alt2"><form onsubmit="this.zipsub.onclick();return false;"><input type="text" id="gmapZipLookup"/><input name="zipsub" type="submit" value="lookup" onclick="lookupZip(document.getElementById('gmapZipLookup').value); return false;"/></form></td>
</tr>

<tr>
<td class="thead">City Lookup
<div class="smallfont">
<font class="small">city,state,US (ie. Marietta,GA,US) or city,country (London,UK)</font>
</div>
</td>
</tr>
<tr>
<td class="alt2"><form onsubmit="this.citysub.onclick();return false;"><input type="text" id="gmapCityLookup"/><input type="submit" value="lookup" name="citysub" onclick="lookupCity(document.getElementById('gmapCityLookup').value); return false;"/></form></td>
</tr>


</table>

Also note that since this was included in the above code, I removed it from it's original position in the templates:

<tr>
<td class="tcat">$vbphrase[googlemap_edit]</td>
</tr>
<tr>
<td class="alt1"><div class="smallfont">
$vbphrase[googlemap_smallhelp]
</div></td>
</tr>

Have Fun!

Could this be modified to pull the zip codes (created by a custom field) from the database and generate the map based on that?