Tag Archives: geographicals

Yesterday’s Australian Postcode Place Nearby Tutorial had us attending to an “Australian Postcode Nearby” subset of functionality in terms of the event … onmouseover … or “on hover” which programmers out there will know, in “mobile land” is about as useful as a screen door on a submarine … so, today, we attend to some event logic everybody relates to, that being … onclick … and today, for an aesthetic change, we’re going to show our Google Charts Map Chart interfacing functionality in a Modal Backdrop Popup “window” (ie. not a window as such, but more an HTML nested div that acts like a “modal” (has to be attended to) popup). Consequently, that Javascript nearestto function changed as per … function nearestto(ogset, gset) { var iou=0, outset=gset, this_lat=0.0, this_long=0.0, this_diff=-1.0, smallest_diff=-1.0, largest_diff=-1.0, smallest_num=0; var sofar=’;’, pa=”; var things=[]; ourarguments=’?title=’ + encodeURIComponent(‘Australian Postcode Places Nearby ‘ + ogset.innerHTML) + ‘&onclick=y&label=%5b%27Lat%27,&value=%27Lon%27,%20%27Name%27%5d&data=’; if (postcodea.length > 1) { this_long=eval(gset.split(‘ ‘)[0].split(‘,’)[1]); this_lat=eval(gset.split(‘ ‘)[0].split(‘,’)[0]); for (iou=0; iou<postcodea.length; iou++) { this_diff=eval(Math.abs(eval((” + this_long)) – eval((” + longa[iou]))) + Math.abs(eval((” + this_lat)) – eval((” + lata[iou])))); if (this_diff < 20 && this_diff > 0.00001) { sofar+=” + iou + ‘+’ + placea[iou] + ‘+’ + longa[iou] + ‘+’ + lata[iou] + ‘-‘ + this_diff + ‘;’; things.push(” + eval(1000000.0 + eval(” + this_diff)) + ‘ ~’ + lata[iou] + ‘~’ + longa[iou] + ‘~ near to ‘ + placea[iou] + ‘,’ + postcodea[iou]); if (smallest_diff < 0.0 || eval(” + this_diff) < eval(” + smallest_diff)) { smallest_diff=this_diff; smallest_num=iou; } if (largest_diff < 0.0 || eval(” + this_diff) > eval(” + largest_diff)) { largest_diff=this_diff; } } else if (this_diff < 20 && this_diff <= 0.00001) { ourarguments+=’,%20[‘ + lata[iou] + ‘,’ + longa[iou] + ‘,~’ + encodeURIComponent(placea[iou] + ‘,’ + postcodea[iou]) + ‘~]’; } } things.sort(); outset+=’ near to ‘ + placea[smallest_num] + ‘,’ + postcodea[smallest_num]; ourarguments+=’,%20[‘ + lata[smallest_num] + ‘,’ + longa[smallest_num] + ‘,~’ + encodeURIComponent(placea[smallest_num] + ‘,’ + postcodea[smallest_num]) + ‘~]’; pa=”//www.rjmprogramming.com.au/PHP/Map/map.php” + ourarguments; for (iou=0; iou<=15; iou++) { if (things.length > iou && outset.indexOf(things[iou].split(‘ near to ‘)[1]) == -1) { outset+=’ and near to ‘ + things[iou].split(‘ near to ‘)[1]; pa+=’,%20[‘ + things[iou].split(‘~’)[1] + ‘,’ + things[iou].split(‘~’)[2] + ‘,~’ + encodeURIComponent(things[iou].split(‘ near to ‘)[1]) + ‘~]’; if (pa.length < 751) { ourarguments=’?’ + pa.split(‘?’)[1]; } } } // Modal backdrop below … if (ogset.innerHTML != ”) { ogset.onclick=function() { document.getElementById(‘mypopup’).style.display=’block’; document.getElementById(‘mypopup-inner’).style.display=’block’; if (1 == 1) {