2013-01-31 2 views
1

자바에서 배운 모든 것을 잊어 버렸으므로 몇 가지 사항을 기억하는 프로젝트를 시작했습니다.Google Maps API v3의 문제 - 자바 스크립트

이 자바 스크립트에 내 코드입니다 :하지만 문제가 있었다

var peru = new google.maps.LatLng(-9, -75); 
    var browserSupportFlag = new Boolean(); 
    function initialize() { 
     var ubicacion; 
     var mapOptions = { 

      zoom: 6, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 

      mapTypeControl: true, 
      mapTypeControlOptions: { 
       style: google.maps.MapTypeControlStyle.DROPDOWN_MENU, 
       position: google.maps.ControlPosition.BOTTOM_LEFT 
      }, 
      zoomControl: true, 
      zoomControlOptions: { 
       style: google.maps.ZoomControlStyle.LARGE, 
       position: google.maps.ControlPosition.LEFT_CENTER 
      }, 

      panControl: false, 
      scaleControl: false, 
      streetViewControl: false, 

     }; 

     var map = new google.maps.Map(document.getElementById("map_canvas"), 
       mapOptions); 

     if (navigator.geolocation) { 
      browserSupportFlag = true; 
      navigator.geolocation.getCurrentPosition(function(position) { 
       ubicacion = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); 
       map.setCenter(ubicacion); 
       }, function() { 
        handleNoGeolocation(browserSupportFlag); 
       } 
      ); 

     } else { 
      browserSupportFlag = false; 
      handleNoGeolocation(browserSupportFlag); 
     } 

     function handleNoGeolocation(errorFlag) { 
      if (errorFlag == true) { 
       alert("No se han otorgado permisos de Geolocalización, o el servicio falló. Utilice Google Chrome para mayor compatibilidad."); 
       ubicacion = peru; 
       } else { 
        alert("Su navegador no soporta Geolocalización. Puede continuar de igual forma, pero le sugerimos utilizar el navegador Google Chrome."); 
        ubicacion = peru; 
       } 

      map.setCenter(ubicacion); 
     } 

     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, request.status); 
       } 
      }; 

      request.open('GET', url, true); 
      request.send(null); 
     } 

     function doNothing() {} 

     downloadUrl("phpsqlsearch_genxml.php?lat="+ubicacion.lat()+"&lng="+ubicacion.lng()+"&r=250", function(data) { 
      var xml = data.responseXML; 
      var markers = xml.documentElement.getElementsByTagName("marker"); 

      var infoWindow = new google.maps.InfoWindow; 

      function bindInfoWindow(marker, map, infoWindow, html) { 
       google.maps.event.addListener(marker, 'click', function() { 
       infoWindow.setContent(html); 
       infoWindow.open(map, marker); 
       }); 
      } 

      for (var i = 0; i < markers.length; i++) { 
       var name = markers[i].getAttribute("nombre"); 
       var address = markers[i].getAttribute("direccion"); 

       var point = new google.maps.LatLng(
        parseFloat(markers[i].getAttribute("lat")), 
        parseFloat(markers[i].getAttribute("lng"))); 
       var html = "<b>" + name + "</b> <br/>" + address; 

       var marker = new google.maps.Marker({ 
        map: map, 
        position: point, 

       }); 

       bindInfoWindow(marker, map, infoWindow, html); 
      } 
     }); 
    } 

을 그리고 내 문제는이 부분에 있습니다

  downloadUrl("phpsqlsearch_genxml.php?lat="+ubicacion.lat()+"&lng="+ubicacion.lng()+"&r=250", function(data) {...} 

내가 위도와 logitude 변수를 얻을 데려 가고 싶다는 "URL 다운로드 (URL, ...)"의 "url"에

예 : 내 위치가 -9.123792이면 -78.517313이 URL을 찾으려합니다. phpsqlsearch_genxml.php? lat = -9.123792 & lng = -78.517313 & r = 250

또한 검색 할 라디오를 선택할 수 있도록 입력 번호 등으로 알려주세요.

난 정말이 모든 않았다 방법을 몰라, 내가 모든 것을 할 수 있습니다 어떻게 원하는 : S

PS : 내 영어 죄송합니다.

답변

1

Google의 Store locator을 수정하려고한다고 가정합니다. 그것은 당신이 요구하는 모든 기능을 가지고 있습니다. 문제가 발생

는 기능 searchLocationsNear(center)downloadUrl() 호출하기 전에 좌표 (센터)의 URL에 가입 할 전송하는 데모에서 downloadUrl()

에 좌표를 전달하지 않는 것입니다.

수정하기 전에 데모를 읽고 이해하도록하십시오.

또한

+0

아, 감사합니다 ... 난 데모의 모든 단계를 따르겠다되지 않습니다 phpsqlsearch_genxml.phpmysql 등의 기능에 PDO를 사용하는 것이 좋습니다 ...하지만 지금 .. 조인이 어떤 솔루션인가 내 코드에서 URL 좌표? –

관련 문제