Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

jquery - refresh of dynamic map image

2:34 pm on Jul 21, 2011 (gmt 0)

New User

10+ Year Member

joined:July 29, 2005
posts: 14
votes: 0

Howdy folks!

Been working on a project based on HIFI's Zoommap [gethifi.com], which works quite well out of the box.

You can see my version of it here [chrwec.gpxsites.com]. What I'm trying to accomplish is allowing users to refine the locations that show up via the select boxes in the drop down form, but I need to have this happen without actually refreshing the page.

As of right now, you can make a selection from the drop down, manually refresh the page, zoom back in on a map section, and the results that are displayed are refined as they should be. It just needs to refresh on a select change.

Here's what I've got for the script:


var social_housing_type = $("#social_housing_type").val() ;
var sht='';
if (social_housing_type !=0) { sht='&social_housing_type=' + social_housing_type ; }

var layout = $("#layout").val() ;
var bl='';
if (layout !=0) { bl='&layout=' + layout ; }

var housing_type = $("#housing_type").val() ;
var ht='';
if (housing_type !=0) { ht='&housing_type=' + housing_type ; }


// Width and Height of the Map
width: '960px',
height: '960px',

//Misc Settings
blankImage: 'images/blank.gif',
zoomDuration: 400,
bulletWidthOffset: '10px',
bulletHeightOffset: '10px',

//ids and classes
zoomClass: 'zoomable',
popupSelector: 'div.popup',
popupCloseSelector: 'a.close',

//Return to Parent Map Link
showReturnLink: false,
returnId: 'returnlink',
returnText: 'return to main map',

//Initial Region to be shown
map: {
id: 0,
image: 'images/Windsor-Map.jpg',
data: 'popups/Windsor.php',
id: 2,
parent: 0,
image: 'images/Windsor-Central.png',
data: 'popups/sub-map.php?location=2'+sht+bl+ht,
width: '196px',
height: '625px',
top: '50px',
left: '332px'
id: 1,
parent: 0,
image: 'images/Windsor-East.png',
data: 'popups/sub-map.php?location=1'+sht+bl+ht,
width: '480px',
height: '625px',
top: '50px',
left: '530px'
id: 3,
parent: 0,
image: 'images/Windsor-West.png',
data: 'popups/sub-map.php?location=3'+sht+bl+ht,
width: '333px',
height: '625px',
top: '50px',
left: '0'

I'm at a total loss here, and this project is long overdue. Any help would be greatly appreciated!