Still doesn't seem to work. Not sure what the problem could be. :/
On Tue, Apr 12, 2011 at 5:16 PM, Prophet <[email protected]> wrote:
> Yes that is what was I was seeing.
>
> I tried using a mysql temp table to try to help with the issue but
> that's a no go.
>
> I'm trying through the push array right now.
>
> Here is my code if either of you see anything:
>
>
> function initMenus() {
> $('ul.menu ul').hide();
> $.each($('ul.menu'), function(){
> $('#' + this.id + '.expandfirst ul:first').show();
> });
>
> $('ul.menu li a').hover(
> function() {
> var checkElement = $(this).next();
> var parent = this.parentNode.parentNode.id;
>
> if($('#' + parent).hasClass('noaccordion')) {
> $(this).next().slideToggle('normal');
> return false;
> }
> if((checkElement.is('ul')) &&
> (checkElement.is(':visible'))) {
> if($('#' + parent).hasClass('collapsible'))
> {
> $('#' + parent + '
> ul:visible').slideUp('normal');
> }
> return false;
> }
> if((checkElement.is('ul')) &&
> (!checkElement.is(':visible'))) {
> $('#' + parent + '
> ul:visible').slideUp('normal');
> checkElement.slideDown('normal');
> return false;
> }
>
> }
>
> );
> $('ul.menu ul.menushow').show();
> }
>
>
>
> google.load("maps", "3", {callback: initialize,
> other_params:"sensor=false"});
>
> var map;
> var markers = [];
> var infoWindow;
> var locationSelect;
> var sideBar;
>
> function initialize() {
>
> initMenus();
> map = new google.maps.Map(document.getElementById("map"), {
> center: new
> google.maps.LatLng(google.loader.ClientLocation.latitude,
> google.loader.ClientLocation.longitude),
> zoom: 5,
> mapTypeId: 'roadmap',
> panControl: true,
> scaleControl: true,
> zoomControl: true,
> zoomControlOptions: {
> style: google.maps.ZoomControlStyle.SMALL
> },
> streetViewControl: true,
> mapTypeControl: true,
> mapTypeControlOptions: {style:
> google.maps.MapTypeControlStyle.DROPDOWN_MENU}
> });
>
> infoWindow = new google.maps.InfoWindow();
>
> locationSelect = document.getElementById("locationSelect");
> sideBar = document.getElementById("sidebar");
>
>
>
> locationSelect.onchange = function() {
> var markerNum =
> locationSelect.options[locationSelect.selectedIndex].value;
> if (markerNum != "none"){
> google.maps.event.trigger(markers[markerNum], 'click');
> }
> };
> }
>
> function searchLocations() {
> var address = document.getElementById("addressInput").value;
> var radius = document.getElementById('radiusSelect').value;
> var stateSelect = document.getElementById("stateSelect");
> var stateSelectValue =
> stateSelect.options[stateSelect.selectedIndex].value;
> var centerPoint = "("+google.loader.ClientLocation.latitude + ", "
> +
> google.loader.ClientLocation.longitude+")";
> if (address != "") {
> var geocoder = new google.maps.Geocoder();
> geocoder.geocode({address: address},
> function(results, status) {
> if (status == google.maps.GeocoderStatus.OK
> && address != "") {
>
> searchLocationsNear(results[0].geometry.location, radius,
> stateSelectValue);
> }
> });
> }else if(address == "" && stateSelectValue != "none"){
> searchLocationsNear(centerPoint, 50000,
> stateSelectValue);
> }else if(address == "" && stateSelectValue == "none"){
> }else{
> alert('Location Not Found');
> }
> }
>
> function clearLocations() {
> infoWindow.close();
> for (var i = 0; i < markers.length; i++) {
> markers[i].setMap(null);
> }
> markers.length = 0;
>
> var div = document.createElement("div");
> sideBar.innerHTML = "";
> /*sideBar.innerHTML = "No Stores";*/
> sideBar.appendChild(div);
>
> locationSelect.innerHTML = "";
> var option = document.createElement("option");
> option.value = "none";
> option.innerHTML = "See all results:";
> locationSelect.appendChild(option);
> }
>
> function searchLocationsNear(center, radius, stateSelectValue) {
> clearLocations();
> var address = document.getElementById("addressInput").value;
> if (address != "") {
> var searchUrl = 'phpsqlsearch_genxml.php?lat=' + center.lat() +
> '&lng=' + center.lng() + '&radius=' + radius + '&state=' +
> stateSelectValue;
> }else{
> var searchUrl = 'phpsqlsearch_genxml.php?&radius=' + radius +
> '&state=' + stateSelectValue;
> }
> downloadUrl(searchUrl, function(data) {
> var xml = parseXml(data);
> var markerNodes =
> xml.documentElement.getElementsByTagName("marker");
> var bounds = new google.maps.LatLngBounds();
> if(markerNodes.length == "0"){
> map = new google.maps.Map(document.getElementById("map"), {
> center: new
> google.maps.LatLng(google.loader.ClientLocation.latitude,
> google.loader.ClientLocation.longitude),
> zoom: 5,
> mapTypeId: 'roadmap',
> panControl: true,
> scaleControl: true,
> zoomControl: true,
> zoomControlOptions: {
> style: google.maps.ZoomControlStyle.SMALL
> },
> streetViewControl: true,
> mapTypeControl: true,
> mapTypeControlOptions: {style:
> google.maps.MapTypeControlStyle.DROPDOWN_MENU}
> });
>
> alert("Please enter a new Zip Code.");
> }else{
> for (var i = 0; i < markerNodes.length; i++) {
> var name = markerNodes[i].getAttribute("name");
> var address = markerNodes[i].getAttribute("address");
> var city = markerNodes[i].getAttribute("city");
> var state = markerNodes[i].getAttribute("state");
> var zipcode = markerNodes[i].getAttribute("zipcode");
> var lat = markerNodes[i].getAttribute("lat");
> var lng = markerNodes[i].getAttribute("lng");
> var distance =
> parseFloat(markerNodes[i].getAttribute("distance"));
> var latlng = new google.maps.LatLng(
> parseFloat(markerNodes[i].getAttribute("lat")),
> parseFloat(markerNodes[i].getAttribute("lng")));
>
> createSideBar(name, distance, address, city, state,
> zipcode, i);
> createOption(name, distance, i);
> createMarker(latlng, name, address, city, state,
> zipcode,
> distance);
> bounds.extend(latlng);
> }
> $('#sidebar div.AL:first').before('<div><h1>Alabama
> Locations</h1></
> div>');
> $('#sidebar div.AK:first').before('<div><h1>Alaska
> Locations</h1></
> div>');
> $('#sidebar div.AZ:first').before('<div><h1>Arizona
> Locations</h1></
> div>');
> $('#sidebar div.AR:first').before('<div><h1>Arkansas
> Locations</h1></
> div>');
> $('#sidebar div.CA:first').before('<div><h1>California
> Locations</
> h1></div>');
> $('#sidebar div.DE:first').before('<div><h1>Delaware
> Locations</h1></
> div>');
> $('#sidebar div.FL:first').before('<div><h1>Florida
> Locations</h1></
> div>');
> $('#sidebar div.GA:first').before('<div><h1>Georgia
> Locations</h1></
> div>');
> $('#sidebar div.ID:first').before('<div><h1>Idaho
> Locations</h1></
> div>');
> $('#sidebar div.IL:first').before('<div><h1>Illinois
> Locations</h1></
> div>');
> $('#sidebar div.IN:first').before('<div><h1>Indiana
> Locations</h1></
> div>');
> $('#sidebar div.IA:first').before('<div><h1>Iowa
> Locations</h1></
> div>');
> $('#sidebar div.KY:first').before('<div><h1>Kentucky
> Locations</h1></
> div>');
> $('#sidebar div.LA:first').before('<div><h1>Louisiana
> Locations</
> h1></div>');
> $('#sidebar div.ME:first').before('<div><h1>Maine
> Locations</h1></
> div>');
> $('#sidebar div.MD:first').before('<div><h1>Maryland
> Locations</h1></
> div>');
> $('#sidebar div.MA:first').before('<div><h1>Massachusetts
> Locations</
> h1></div>');
> $('#sidebar div.MI:first').before('<div><h1>Michigan
> Locations</h1></
> div>');
> $('#sidebar div.MN:first').before('<div><h1>Minnesota
> Locations</
> h1></div>');
> $('#sidebar div.MS:first').before('<div><h1>Mississippi
> Locations</
> h1></div>');
> $('#sidebar div.MO:first').before('<div><h1>Missouri
> Locations</h1></
> div>');
> $('#sidebar div.MT:first').before('<div><h1>Montana
> Locations</h1></
> div>');
> $('#sidebar div.NE:first').before('<div><h1>Nebraska
> Locations</h1></
> div>');
> $('#sidebar div.NV:first').before('<div><h1>Nevada
> Locations</h1></
> div>');
> $('#sidebar div.NH:first').before('<div><h1>New Hampshire
> Locations</
> h1></div>');
> $('#sidebar div.NJ:first').before('<div><h1>New Jersey
> Locations</
> h1></div>');
> $('#sidebar div.NM:first').before('<div><h1>New Mexico
> Locations</
> h1></div>');
> $('#sidebar div.NY:first').before('<div><h1>New York
> Locations</h1></
> div>');
> $('#sidebar div.NC:first').before('<div><h1>North Carolina
> Locations</h1></div>');
> $('#sidebar div.ND:first').before('<div><h1>North Dakota
> Locations</
> h1></div>');
> $('#sidebar div.OH:first').before('<div><h1>Ohio
> Locations</h1></
> div>');
> $('#sidebar div.OK:first').before('<div><h1>Oklahoma
> Locations</h1></
> div>');
> $('#sidebar div.OR:first').before('<div><h1>Oregon
> Locations</h1></
> div>');
> $('#sidebar div.PA:first').before('<div><h1>Pennsylvania
> Locations</
> h1></div>');
> $('#sidebar div.RI:first').before('<div><h1>Rhode Island
> Locations</
> h1></div>');
> $('#sidebar div.SC:first').before('<div><h1>South Carolina
> Locations</h1></div>');
> $('#sidebar div.SD:first').before('<div><h1>South Dakota
> Locations</
> h1></div>');
> $('#sidebar div.TN:first').before('<div><h1>Tennessee
> Locations</
> h1></div>');
> $('#sidebar div.TX:first').before('<div><h1>Texas
> Locations</h1></
> div>');
> $('#sidebar div.UT:first').before('<div><h1>Utah
> Locations</h1></
> div>');
> $('#sidebar div.VT:first').before('<div><h1>Vermont
> Locations</h1></
> div>');
> $('#sidebar div.VA:first').before('<div><h1>Virginia
> Locations</h1></
> div>');
> $('#sidebar div.WA:first').before('<div><h1>Washington
> Locations</
> h1></div>');
> $('#sidebar div.WV:first').before('<div><h1>West Virginia
> Locations</
> h1></div>');
> $('#sidebar div.WI:first').before('<div><h1>Wisconsin
> Locations</
> h1></div>');
> $('#sidebar div.WY:first').before('<div><h1>Wyoming
> Locations</h1></
> div>');
> map.fitBounds(bounds);
>
> locationSelect.style.visibility = "visible";
> sideBar.style.visibility = "visible";
>
> locationSelect.onchange = function() {
> var markerNum =
> locationSelect.options[locationSelect.selectedIndex].value;
> google.maps.event.trigger(markers[markerNum], 'click');
> };
> }
> });
> }
>
> function createMarker(latlng, name, address, city, state, zipcode,
> distance) {
> function delquote(str){
> return (str=str.replace(/["']{1}/gi,""));
> }
>
> var address_filled =
> document.getElementById('addressInput').value;
> var userInput = escape(address_filled);
> var addressspace = address + "%20" + city + "%20" + state +
> "%20" +
> zipcode;
> var fullAddress = addressspace.replace(/\s/g,"%20");
>
> if(address_filled == 0){
> var html = '<strong>' + name + '</strong>' + '
> <br/>' + address +
> ", " + city + ", " + state + " " + zipcode +'<br/> <a href=http://
> maps.google.com/maps?saddr=&daddr=' + delquote(fullAddress) + '
> target=_black>Get Directions</a>';
> }else{
> var html = '<strong>' + name + '</strong>' + ' (' +
> distance.toFixed(1) + ') <br/>' + address + ", " + city + ", " + state
> + " " + zipcode + '<br/> <a href=http://maps.google.com/maps?saddr=' +
> delquote(userInput) + '&daddr=' + delquote(fullAddress) + '
> target=_black>Get Directions</a>';
> }
>
>
> var marker = new google.maps.Marker({
> map: map,
> position: latlng
>
> });
> google.maps.event.addListener(marker, 'click', function() {
> infoWindow.setContent(html);
> infoWindow.open(map, marker);
> $(".gmnoprint img[src='http://maps.gstatic.com/intl/en_us/mapfiles/
> iws3.png']").each(function(){
> $(this).css('display','none');
> $(this).hide();
> });
> });
> markers.push(marker);
>
> }
>
> function createOption(name, distance, num) {
> var option = document.createElement("option");
> var address_filled =
> document.getElementById('addressInput').value;
> option.value = num;
> option.innerHTML = name + " (" + distance.toFixed(1) + ")";
> if(address_filled == 0){
> option.innerHTML = name;
> }else{
> option.innerHTML = name + " (" + distance.toFixed(1) + ")";
> }
> locationSelect.appendChild(option);
> }
> function createSideBar(name, distance, address, city, state,
> zipcode,
> num) {
> var div = document.createElement("div");
> div.id = num;
> div.className = state;
> var address_filled =
> document.getElementById('addressInput').value;
> if(address_filled == 0){
> var html = '<strong>' + name + '</strong> <br/>' + address + ", "
> +
> city + ", " + state + " " + zipcode;
> }else{
> var html = '<strong>' + name + '</strong> (' +
> distance.toFixed(1)
> + ')<br/>' + address + ", " + city + ", " + state + " " + zipcode;
> }
> div.innerHTML = html;
> div.style.cursor = 'pointer';
> div.style.marginBottom = '5px';
>
> google.maps.event.addDomListener(div, 'click', function() {
> google.maps.event.trigger(markers[num], 'click');
> });
> google.maps.event.addDomListener(div, 'mouseover', function() {
> div.style.backgroundColor = '#eee';
> });
> google.maps.event.addDomListener(div, 'mouseout', function() {
> div.style.backgroundColor = '#fff';
> });
> sideBar.appendChild(div);
> }
>
> function downloadUrl(url, callback) {
> var request = window.ActiveXObject ?
> new ActiveXObject('Microsoft.XMLHTTP') :
> new XMLHttpRequest;
>
> request.onreadystatechange = function() {
> if (request.readyState == 4) {
> request.onreadystatechange = doNothing;
> callback(request.responseText, request.status);
> }
> };
>
> request.open('GET', url, true);
> request.send(null);
> }
>
> function parseXml(str) {
> if (window.ActiveXObject) {
> var doc = new ActiveXObject('Microsoft.XMLDOM');
> doc.loadXML(str);
> return doc;
> } else if (window.DOMParser) {
> return (new DOMParser).parseFromString(str, 'text/xml');
> }
> }
>
> function doNothing() {}
>
>
>
>
>
> On Apr 12, 4:42 pm, Andrew Leach <[email protected]> wrote:
> > On 12 April 2011 21:16, Prophet <[email protected]> wrote:
> >
> > > For this line: markerNodes = markerNodes.sort(fSortOnState);
> >
> > > I keep getting: fSortOnState is not defined
> >
> > > Is there a reason for this?
> >
> > Probably that you haven't defined it. It doesn't appear in your code
> listing.
> >
> > usgolfer's post does contain that function though. (The parameter to
> > "sort" is a function which defines the sort order)
>
> --
> 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
> [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>
>
--
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 [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
