/* Error messages for possible errors */
var error_address_empty = 'Please enter a valid address first.';
var error_invalid_address = 'This address is invalid.';
var error_google_error = 'There was a problem processing your request, please try again.';
var error_no_map_info = 'Sorry! Map information is not available for this address.';
/* The default address of your store (your main office or store maybe), we will display this address on the map on startup */
/* Edit this */
var default_address = '34/40 Station Road, Sheringham, Norfolk, NR26 8RQ';
var gcs = "Blyth & Wright";
var current_address = null; /* Current address we are displaying, we save it here for directions */
var map = null; /* Instance of Google Maps object */
var geocoder = null; /* Instance of Google Deocoder object */
var gdir = null; /* Instance of Google Directions object */
var map_compatible = false; /* Whether or not user's browser is compatible to show the map */
/* Check if the browser is compatible */
if( GBrowserIsCompatible() ) {
map_compatible = true;
}
/* Initialize the map this will be called when the document is loaded from: */
function initialize_map() {
if( map_compatible ) {
map = new GMap2(document.getElementById('map_canvas'));
geocoder = new GClientGeocoder();
show_address(default_address, gcs);
}
}
/* This function will move the map and shows the address passed to it */
function show_address(address, gcs) {
if( map_compatible && geocoder ) {
/* Save this address in current_address value to use later if user wants directions */
current_address = address;
geocoder.getLatLng(
address,
function( point ) {
if( !point ) {
alert(error_no_map_info);
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(gcs.replace(/, /g,",
")+",
"+address.replace(/, /g,",
"));
}
}
);
}
return false;
}
/* Get the directions */
function get_directions() {
if( map_compatible ) {
if( document.direction_form.from_address.value == '' ) {
alert(error_address_empty);
return false;
}
/**
* Delete the contents of 'directions' DIV first
* because user might ask for directions more than once.
**/
document.getElementById('directions').innerHTML = '';
gdir = new GDirections(map, document.getElementById('directions'));
/* Setup to event handlers, one: when the directions are loaded, two: if there was any error */
GEvent.addListener(gdir, 'load', onGDirectionsLoad);
GEvent.addListener(gdir, 'error', handleErrors);
/* Show the directions */
set_directions(document.direction_form.from_address.value, current_address);
}
return false;
}
/* This will actually set the directions on the map and loads the direction table */
function set_directions(fromAddress, toAddress) {
gdir.load("from: " + fromAddress + " to: " + toAddress,
{ "locale": "en" });
}
/* This will handle the errors might happen while retrieving the directions */
function handleErrors(){
if( gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS )
alert(error_invalid_address);
else if( gdir.getStatus().code == G_GEO_SERVER_ERROR )
alert(error_google_error);
else if( gdir.getStatus().code == G_GEO_MISSING_QUERY )
alert(error_address_empty);
else
alert(error_invalid_address);
}
/* This function will be called when the directions are loaded */
function onGDirectionsLoad(){
/* We will simply scroll down to the directions, but with a little delay so it's loaded */
// setTimeout('eval(\'window.location = "#directions_table"\;\')', 500); /* Uncomment this line if you need to */
}