[Google Maps API v3] Re: Store Locator using just JavaScript and JSON

[Mike Wellman]

function codeAddress(data){

        
        var data = data;
        
        var address = document.getElementById("address").value;
        geocoder.geocode({
            'address': address
        }, 
        function(results, status, data) {
            
          if(status === google.maps.GeocoderStatus.OK){
            map.setCenter(results[0].geometry.location);
            map.setZoom(10);
        }
         });

var infoWindow = new google.maps.InfoWindow();
var markerBounds = new google.maps.LatLngBounds();



 
function makeMarker(options,data){
    
  var pushPin = new google.maps.Marker({map:map});
  pushPin.setOptions(options);
  google.maps.event.addListener(pushPin, "click", function(){
    infoWindow.setOptions(options);
    infoWindow.open(map, pushPin);
    var pushtitle = pushPin.title;
    /*SHOW STORE FROM DATABASE SIDEBAR*/
    if (pushtitle===""){
        document.getElementById("side_bar").innerHTML="<h1>This will display 
active Jobs for each Location.<\/h1>";
        return;
    }
    if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, 
Safari
        xmlhttp=new XMLHttpRequest();
    }else{// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function(){
        
        if (xmlhttp.readyState===4 && xmlhttp.status===200 && 
xmlhttp.responseText!=="" && xmlhttp.responseText!==null){
            
document.getElementById("side_bar").innerHTML=xmlhttp.responseText;
        }else{
            document.getElementById("side_bar").innerHTML="<h1>This will 
display active Jobs for each Location.<\/h1>";
        }
    };
    xmlhttp.open("GET","job_list.php?store_location="+pushtitle,true);
    xmlhttp.send();    
  });
  markerBounds.extend(options.position);
  markerArray.push(pushPin);
  return pushPin;
}

google.maps.event.addListener(map, "click", function(){
  infoWindow.close();
});
google.maps.event.addListener(map, "load", function(){
  infoWindow.close();

  
});

for (i = 0; i < data.length; i++) {
    /*REMOVE MARKER WHEN NEW ONE IS SELECTED    */
    if (markersArray) {
        for (i in markersArray) {
          markersArray[i].setMap(null);  
        }
        markersArray.length = 0;
    }

makeMarker({
  position: new google.maps.LatLng(data[i].latitude,data[i].longitude),
  title:data[i].storeNumber,
  content: 
            '<h1 class="firstHeading">'+ data[i].storeName +'<\/h1>'+
            '<div id="bodyContent">'+
            '<p>'+ data[i].address +' <br \/>'+
            'Phone: '+ data[i].phone +' <br \/>'+
            '<a 
href=\"http://maps.google.com/maps?saddr='+address+'&amp;daddr='+data[i].storeName+'
 
'+data[i].address+'\" target=_blank>Get Directions</a><\/p>'+
            '<\/div>',
  animation: google.maps.Animation.DROP
});    


I tried implementing just this to get rid of the radius idea.   To bring in 
all my markers and zoom in on the zip code with geolocation the problem is 
having function setinfoContent(str, locInfoRel){ and function 
codeAddress(data){ as separate functions because it won't clear my markers 
info windows between the two.

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.