Hello All,
To preface this, I am a complete programming amateur so this may be quite easily solved. As is though, it is frustrating me to no end.
Basically, I have a database of Venue Names with GLat and GLng (other stuff too) that I am pulling down to my website based on a geolocated search. The javascript that I have pulls in a formatted subset of the database, dumps the glat and glng into an array and is supposed to take those points and plot out several markers each with an info window containing the details behind each marker. For some reason, the marker geodata is not being populated and/or is not being passed. The array is declared using [] and will not work when normally declared using ().
It only brings up a map with the first value in the array and goes blank if i try to manually input later entries. There is a large block of commented out code relating to directions generation. That code worked for some reason. If anyone can tell me what I am doing wrong in rewriting it to map the markers and not give directions, please tell me. Any help would be much appreciated.
var letters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T',
'U', 'V', 'W', 'X', 'Y', 'Z'];
google.load("maps", "2", {"other_params":"sensor=true"});
var map
function initialize(){
window.map = new google.maps.Map2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
}
google.setOnLoadCallback(initialize);
function getVenueResults(_zip, _num, _remove){
var rFlag = '';
if(_remove != null){
rFlag = "&removeId=" + _remove;
}
var url = 'ajax/getVenues.php?zip=' + _zip + "&num=" + _num + rFlag;
new Ajax.Updater('resultsContainer', url, { onComplete: processResults });
}
function processResults(){
window.map.clearOverlays();
var waypoints = [];
var resultsList = $$('.resultWrapper');
var stepList = $$('.resultDirections');
for(i=0; i
for(i=0; i<resultsList.length; i++){
var resultsElem = resultsList[i];
resultsElem.removeClassName('firstResult');
resultsElem.removeClassName('lastResult');
if(i == 0){
resultsElem.addClassName('firstResult');
}
if(i == resultsList.length - 1){
resultsElem.addClassName('lastResult');
}
var insertContent = '<div class="resultDirections" id="resultDirections' + i + '"></div>';
Element.insert(resultsElem, { bottom : insertContent })
var num = resultsElem.getElementsByClassName('numHolder');
num[0].innerHTML = '<b>' + letters[i] + ".</b> ";
var geolat = resultsElem.getElementsByClassName('geolat')[0].value;
var geolong = resultsElem.getElementsByClassName('geolong')[0].value;
var point = new GLatLng(geolat, geolong);
waypoints[i] = point;
}
if(waypoints.length == 1){
map.setCenter(waypoints[0], 16);
map.addOverlay(new GMarker(waypoints[0]));
resultsElem.getElementsByClassName('numHolder')[0].innerHTML = '';
}else{
map.setCenter(waypoints[0], 16);
for(j=0; j< waypoints.length; j++) {
var vLoc = waypoints[j];
var vInfo = resultsElem.getElementByClassName('resultBox[j]]').innerHTML;
//unfinished function to mine name out of div and make it the marker title
//x = resultsElem.getElementsByTagName("b");
// for (i=0;i<x.length;i++)
//
//marker.value = resultsElem.getElementBy('numHolder').innerHTML
var marker = createMarker(vLoc, vInfo);
map.addOverlay(marker);
}
}
function createMarker(vLoc, vInfo) {
var marker = (new GMarker(vLoc));
var cont = vInfo;
GEvent.addListener(marker, 'click', function() {
marker.openInfoWindowHtml(cont);
});
return marker;
}
//var directions = new GDirections(window.map, document.getElementById('directionsPanel'));
//directions.loadFromWaypoints(waypoints, { travelMode: G_TRAVEL_MODE_WALKING });
//GEvent.addListener(directions, "load" , function() {
// var numRoutes = directions.getNumRoutes();
// for(j=0; j< numRoutes; j++){
// var thisRoute = directions.getRoute(j);
// var routeText = '';
// for(k=0; k < thisRoute.getNumSteps(); k++){
// var thisStep = thisRoute.getStep(k);
// if(k != 0){ routeText += " || "; }
// routeText += thisStep.getDescriptionHtml();
// }
// $('resultDirections' + j).innerHTML = routeText;
// }
// $('resultDirections' + numRoutes).hide();
//});
}
function moveUp(_obj){
var parentObj = $(_obj).up().up();
var prevSib = parentObj.previous();
prevSib.insert({before: parentObj});
processResults();
}
function moveDown(_obj){
var parentObj = $(_obj).up().up();
var nextSib = parentObj.next();
nextSib.insert({after: parentObj});
processResults();
}