//Author: rebecca.mccay //Created: 11/16/2009 10:41:41 AM var Locator = { InitialZoom: 4, InitialCentre: new MapDS.LatLng( -28, 135), PoiSearchBuffer: 200000, // metres from the location. PoiSearchRecordLimit: 5, // max number of POIs to find. Strings: { InvalidSearch: 'Please enter a Town/Suburb or Postcode.', InvalidSuburb: 'The value of Suburb is not valid.', InvalidPostcode: 'The value of Postcode is not valid.', MultipleAddressDialogTitle: 'Multiple Address Matches Found.', MultipleAddressPrompt: 'Choose an address:', Searching: 'Searching...', POIsFound: '{0} match{1} found' }, Images: { Loading: './images/loading-circle-black.gif' }, ElementIDs: { Map: 'map', MultipleAddressDialog: 'multipleAddressDialog', MultipleAddresses: 'ddlMultipleAddresses', ExceptionDialog: 'exceptionDialog', NoResultDialog: 'noLocationsFound', Search: 'search', SearchStreet: 'txtStreet', SearchSuburb: 'txtSuburb', SearchState: 'ddlState', SearchPostcode: 'txtPostcode', SearchButton: 'btnSearch', ResetButton: 'btnReset', ApplyFiltersButton: 'btnApply', //DrivingDirections: 'drivingDirections', DirectionsButton: 'btnDirections', DrivingDirectionsList: 'drivingDirectionsList', DrivingDirectionsWrapper: 'drivingDirectionsWrapper', POIsButton: 'btnPointsOfInterest', ResultsButton: 'ResultButtons', POIsWrapper: 'pointsOfInterestWrapper', POIsList: 'pointsOfInterestList', POIsFound: 'pointsOfInterestFound', FiltersButton: 'btnFilters', FiltersList: 'filtersList', StartTitle: 'startTitle', EndTitle: 'endTitle' }, /// Reset the search fields back to default values. /// Here we set the textfields to the value in the title attribute and then call the blur method to /// trigger jQuery hint code. resetSearchFields: function() { $( this.getElementID( this.ElementIDs.Search ) + ' input[title!=""]').attr("value","").blur(); $( this.getElementID( this.ElementIDs.Search ) + ' input[type="checkbox"]').attr("checked",""); $( this.getElementID( this.ElementIDs.SearchState ) ).attr( "selectedIndex", 0 ); $(this.getElementID(this.ElementIDs.POIsButton)).css({'display':'none', 'height' : '0px'} ); $(this.getElementID(this.ElementIDs.DirectionsButton)).css({'display':'none', 'height' : '0px'} ); }, /// This method is used to validate the search fields. The following function has code /// to perform validation on the standard address fields. Use it as a guide for your /// custom search fields. validateSearchFields: function() { var haveValidSuburb = false; var haveValidPostcode = false; var txtSuburb = $( this.getElementID( this.ElementIDs.SearchSuburb ) ); var txtPostcode = $( this.getElementID( this.ElementIDs.SearchPostcode ) ); if (txtSuburb.attr("value") != '' && txtSuburb.attr("value").toLowerCase() != txtSuburb.attr("title").toLowerCase()) { haveValidSuburb = true; } if ( !haveValidSuburb && !haveValidPostcode ) { this.displayException( this.Strings.InvalidSearch ); return false; } return true; }, /// Builds a MapDS.Address representation of the address to be geocoded. /// This method is automatically called. buildAddressSearch: function() { if(this.DebugMode){Logger.info('buildAddressSearch');} // load street information var txtStreet = $( this.getElementID( this.ElementIDs.SearchStreet ) ); var street = txtStreet.attr("value"); if( txtStreet.attr("value").toLowerCase() == txtStreet.attr("title").toLowerCase() ) { street = ''; } // load suburb information var txtSuburb = $( this.getElementID( this.ElementIDs.SearchSuburb ) ); var suburb = txtSuburb.attr("value"); if( txtSuburb.attr("value").toLowerCase() == txtSuburb.attr("title").toLowerCase() ) { suburb = ''; } // load postcode information var txtPostcode = $( this.getElementID( this.ElementIDs.SearchPostcode ) ); var postcode = txtPostcode.attr("value"); if( txtPostcode.attr("value").toLowerCase() == txtPostcode.attr("title").toLowerCase() ) { postcode = ''; } // load selected state value var state = ''; var ddlState = $( this.getElementID( this.ElementIDs.SearchState ) ); if( ddlState.attr("selectedIndex") != 0 ) { state = ddlState.attr("value"); } var address = new MapDS.Address(street, suburb, postcode, null, state); return address; }, /// Builds a string representation of the search filters available. /// MUST return either an object or null. Last line should always be "return null;" /// instead of removing, return your object before this line. getSearchFiltersString: function() { return null; }, setmapcentre: function( lat, lng) { //this.map.setCentre(new MapDS.LatLng(lat, lng), Locator.map.getZoom() ); this.map.setCentre(new MapDS.LatLng(lat, lng), 16 ); }, refreshmap: function(cMW, cMH){ var _SELF = this; var mW = $(_SELF.getElementID(_SELF.ElementIDs.Map)).width(); var mH = $(_SELF.getElementID(_SELF.ElementIDs.Map)).height(); if(mW !== cMW || mH !== cMH ) { currentMapWidth = mW; currentMapHeight = mH; } }, /// This method is called from within findNearest. The purpose of this function is to allow /// for control of how the marker is created and how the extra POI information is displayed. processPOI: function(id,poi) { if(this.DebugMode){Logger.debug(poi);} var _SELF = this; poi.position = new MapDS.LatLng(Number(poi.properties.Ref_Y), Number(poi.properties.Ref_X)); var size = new MapDS.Size( 22, 33 ); var offset = new MapDS.Pixel( -11, -33 ); var icn = new MapDS.Maps.Icon( './images/markers/{0}.png'.format( id ), size, offset ); var mkr = new MapDS.Maps.Marker( poi.position, {icon:icn} ); mkr.setPopupContent( '
{0}

{1}

{2}{3}{4}{5}

{8}

{9}

{10}

Get Directions {11}

'.format( (poi.properties.DisplayName?poi.properties.DisplayName:'undefined'), ( ( poi.properties.Shop_Unit_No != '' && !_SELF.isUndefined( poi.properties.Shop_Unit_No ) ) ? poi.properties.Shop_Unit_No + ', ' : '' ), ( ( poi.properties.Street != '' && !_SELF.isUndefined( poi.properties.Street ) ) ? poi.properties.Street + ', ' : '' ), ( ( poi.properties.Suburb != '' && !_SELF.isUndefined( poi.properties.Suburb ) ) ? poi.properties.Suburb + ', ' : '' ), ( ( poi.properties.Postcode != '' && !_SELF.isUndefined( poi.properties.Postcode ) ) ? poi.properties.Postcode + ', ' : '' ), poi.properties.State, id, (poi.properties.distance?_SELF.formatDistance(poi.properties.distance):''), ( ( poi.properties.Phone1 != '' && !_SELF.isUndefined( poi.properties.Phone1 ) ) ? 'Phone: ' + poi.properties.Phone1 + ' ' : '' ), ( ( poi.properties.Fax != '' && !_SELF.isUndefined( poi.properties.Fax ) ) ? 'Fax: ' + poi.properties.Fax + ' ' : '') , ( ( poi.properties.Email != '' && !_SELF.isUndefined( poi.properties.Email ) ) ? 'Email: ' + poi.properties.Email + ' ' : '' ), ' Zoom in' ) ); var listItem = $( '
  • '.format( id ) ).html( '
    {0}

    {1}

    {2}{3}{4}{5}

    {6}

    {7}

    {8}

    '.format( (poi.properties.DisplayName?poi.properties.DisplayName:'undefined'), ( ( poi.properties.Shop_Unit_No != '' && !_SELF.isUndefined( poi.properties.Shop_Unit_No ) ) ? poi.properties.Shop_Unit_No + ', ' : '' ), ( ( poi.properties.Street != '' && !_SELF.isUndefined( poi.properties.Street ) ) ? poi.properties.Street + ', ' : '' ), ( ( poi.properties.Suburb != '' && !_SELF.isUndefined( poi.properties.Suburb ) ) ? poi.properties.Suburb + ', ' : '' ), ( ( poi.properties.Postcode != '' && !_SELF.isUndefined( poi.properties.Postcode ) ) ? poi.properties.Postcode + ', ' : '' ), poi.properties.State, ( ( poi.properties.Phone1 != '' && !_SELF.isUndefined( poi.properties.Phone1 ) ) ? 'Phone: ' + poi.properties.Phone1 + ' ' : '' ), ( ( poi.properties.Fax != '' && !_SELF.isUndefined( poi.properties.Fax ) ) ? 'Fax: ' + poi.properties.Fax + ' ' : '') , ( ( poi.properties.Email != '' && !_SELF.isUndefined( poi.properties.Email ) ) ? 'Email: ' + poi.properties.Email + ' ' : '' ) ) ).click( function() { _SELF.map.setCentre( mkr.getPoint(), 16 ); if(!$( _SELF.getElementID( _SELF.ElementIDs.POIsWrapper ) ).is(":hidden")) { _SELF.toggleDropdown(2); } mkr.showPopup(); }).appendTo( _SELF.getElementID( _SELF.ElementIDs.POIsList ) ); $('Driving Directions').click( function() { _SELF.getDirections(id);return false; }).appendTo( listItem ); return mkr; }, /// This method is called from within findNearest. The purpose of this function is to allow /// for control of how the searched location marker is created and how the extra information is displayed. processLocationPOI: function(poi, pt) { if(this.DebugMode){Logger.debug(poi);} var _SELF = this; var size = new MapDS.Size( 29, 36 ); var offset = new MapDS.Pixel( -3, -35 ); var locicn = new MapDS.Maps.Icon( './images/poi_home.png', size, offset); var searchLocation = ''; var postalCode = ''; poi.position = new MapDS.LatLng( pt.Latitude(), pt.Longitude() ); var txtSuburb = $( this.getElementID( this.ElementIDs.SearchSuburb ) ); if ((txtSuburb.attr("value").length > 10 && txtSuburb.attr("value").split(",").length - 1 == 2) ) { searchLocation = ( ( poi.Locality != '' && !_SELF.isUndefined(poi.Locality ) ) ? poi.Locality() + ' ' : '' ); }else { searchLocation = ( ( poi.Locality != '' && !_SELF.isUndefined(poi.Locality ) ) ? poi.Locality + ' ' : '' ); postalCode = poi.PostalCode; } var mkr = new MapDS.Maps.Marker( poi.position, {icon:locicn} ); mkr.setPopupContent( '

    Your searched location

    {0}{1}{2}

    '.format( ( poi.AddressLine!='' ? poi.AddressLine() + ' ' : '' ), ( searchLocation!='' ? searchLocation + ' ' : '' ), ( postalCode!='' ? postalCode + ' ' : '' ) ) ); this.map.addOverlay( mkr ); // DO NOT REMOVE THE FOLLOWING LINE - It is needed for routing purposes. this.locationMarker = mkr; }, /// Start of core Locator code map: null, // object that contains the QuickMap instance geocoder: new MapDS.Maps.Geocoder(), directionsHelper: null, RouteMode: 1, // eventually this will be a setting that can change therefore it will move to the top of the script file. locationMarker: null, DebugMode: false, _foundLocations: null, // private _lastSearchedLocation: null, // private _pois: [], // private _lastFieldFocussed: null, // private, the last search field to have focus /// Returns true if object is undefined isUndefined: function(object) { return typeof object === "undefined"; }, /// Private method /// Returns true if object is an Image /// IE doesn't support "instanceof Image" so instead we test that the object is in the DOM then test the tagName is 'IMG' isImage: function(object) { return this.isHTMLElement( object, 'IMG' ); }, /// Returns true if object is an HTML Element /// {type} is a string that represents the type of HTML element that the object should be. /// for example. if [type] is "div" then the element should be a div. isHTMLElement: function(object, type) { if ( !type || !( typeof type === "string" ) ) { return false; } if ( object && object.nodeType ) { return (object.tagName===type.toUpperCase() ? true : false); } return false; }, /// Returns true if input is a number isNumeric: function(input) { return (input - 0) == input && input.length > 0; }, /// Returns true if object is a function isFunction: function(object) { return typeof object === "function"; }, /// Returns the id string asked for, will prepend # unless the second parameter is false. getElementID: function( id, withHash ) { if( this.isUndefined( withHash ) ) { withHash = true; } return ( withHash ? "#" : "" ) + id; }, /// Will fire a call to load up the exception dialog, the HTML will be set using the message parameter. displayException: function( errorMessage ) { $( this.getElementID( this.ElementIDs.ExceptionDialog ) ).html( errorMessage ).dialog( 'open' ); }, /// Will save a POI as the last location. saveLocationPOI: function(poi) { this._lastSearchedLocation = poi; }, /// Formats a distance into a string representation. formatDistance: function(d) { d = parseInt(d,10); if(d<1000) { return d + ' metres'; } d = d / 1000; return d + ' kilometres'; }, /// Resets everything! reset: function() { this._foundLocations = null; this._lastSearchedLocation = null; this.locationMarker = null; this._pois = []; this.resetDropdowns(); if(this.map instanceof MapDS.Maps.Map){ this.map.clearOverlays(); this.map.setCentre( this.InitialCentre, this.InitialZoom ); } // User defined method this.resetSearchFields(); }, /// Resets the content of the POIs and Direction dropdowns. resetDropdowns: function() { $( this.getElementID( this.ElementIDs.DrivingDirectionsList ) ).html('

    Please perform a search.

    '); $( this.getElementID( this.ElementIDs.POIsFound ) ).html(''); $( this.getElementID( this.ElementIDs.POIsList ) ).html('

    Please perform a search.

    '); if(!$( this.getElementID( this.ElementIDs.DrivingDirectionsList ) ).is(":hidden")) { this.toggleDropdown(3); } if(!$( this.getElementID( this.ElementIDs.POIsWrapper ) ).is(":hidden")) { this.toggleDropdown(2); } if(!$( this.getElementID( this.ElementIDs.FiltersList ) ).is(":hidden")) { this.toggleDropdown(1); } }, /// Performs a call to geocode in order to geocode an address. findAddress: function() { if(!this.validateSearchFields()) {return;} // lock down the find button // $( this.getElementID( this.ElementIDs.SearchButton ) ).attr('disabled', 'true'); var _SELF = this; // $( this.getElementID( this.ElementIDs.SearchButton ) ).attr('enabled', 'true'); var txtSuburb = $( this.getElementID( this.ElementIDs.SearchSuburb ) ); //check autocomplete option has been selected if ((txtSuburb.attr("value").length > 10 && txtSuburb.attr("value").split(",").length - 1 == 2) ) { address = this.buildAddressSearch(); this.findNearest(address); }else { this.geocode(this.buildAddressSearch(), function(address){_SELF.findNearest(address);} ); } }, /// Performs a call to Geocode an address. If a single match is found then the method /// will automatically call findNearest. Multiple matches are displayed within a /// dialog for the user to select. geocode: function(addressToGeocode, loadAddressCallBack) { if(this.DebugMode){Logger.info('geocode');} // make jQuery Ajax call... var _SELF = this; _SELF.geocoder.getLocations(addressToGeocode, function(result) { if(this.DebugMode){Logger.log(result);} if (result.Code === 1) { loadAddressCallBack(result.Locations[0]); } else if (result.Code === 100) { _SELF._foundLocations = result.Locations; $(_SELF.getElementID(_SELF.ElementIDs.MultipleAddressDialog)).find( _SELF.getElementID(_SELF.ElementIDs.MultipleAddresses)).html(''); $("