/* Error messages for possible errors */ var error_address_empty = 'Please enter a valid address first.'; var error_invalid_address = 'This address is invalid. Make sure to enter your street number and city as well'; var error_google_error = 'There was a problem processing your request, please try again.'; var error_no_map_info = 'Map information is not available for this address.'; var default_address = '2101 W. 29th Avenue Denver, Colorado, 80211'; 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); /* This displays the zoom controls for the map. If you don't want them just delete the line */ map.addControl(new GSmallMapControl()); /* This displays the map type. If you don't want that feature then just delete this */ map.addControl(new GMapTypeControl()); } } /* This function will move the map and shows the address passed to it */ function show_address(address) { 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('Rassman Design'); } } ); } 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 simple scroll down to the directions, but with a little delay so it's loaded */ // setTimeout('eval(\'window.location = "#directions_table"\;\')', 500); }