2017-12-12 8 views
-1

ajax을 사용하여 '아이콘'을 표시하고 싶습니다. Google의 다양한 소스에서 검색했지만 아무 것도 찾지 못했습니다.ajax를 사용하여 Google지도 아이콘 표시 방법

include '../../s_config.php'; 
include '../../s_session.php'; 

    $SQL = mysqli_query($connect_db, "SELECT * FROM atm_database_mandiri WHERE VENDOR='WIRSBY'"); 
    $return = mysqli_fetch_array($SQL,MYSQLI_ASSOC); 
    echo json_encode($return); 

내가 무엇을 수행해야합니다

================= 나는

var map; 
function initialize(){ 
    var center = new google.maps.LatLng(<?php echo $Lat;?>, <?php echo $Lon;?>); 
     var myOptions = { 
      zoom: 11, 
      center: center, 
      mapTypeControl: false, 
      zoomControl: true, 
      scaleControl: true, 
      streetViewControl: false, 
      fullscreenControl: true, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 

     var map = new google.maps.Map(document.getElementById('canvas'),myOptions); 


     $.ajax({  
      url: 's_imp_open.php', 
      success: function(data) { 
        marker = new google.maps.Marker({ 
        position: new google.maps.LatLng(data.LATITUDEX, data.LONGITITUDEX), 
        map: map 
       }); 
      } 
     }); 
    } 

s_imp_open.php PHP 아래 코드를 같이 가지고 마커는 ajax을 사용하여 Google지도에 표시 되나요?

+1

디버깅을 시도 했습니까? AJAX 성공 함수에서'data'를 자바 스크립트 콘솔에 로깅하여 그것이 무엇인지보고 결과를 게시하십시오. 주어진 코드를 보면 아무도 도울 수있는 방법이 없습니다. – MrUpsidown

+1

만약 내가 당신이라면 모든 PHP 코드를 꺼내서 마커를 정적 좌표로 먼저 표시 할 수 있는지 확인하십시오. 마찬가지로 서버 측 URL에 액세스하여 출력 JSON이 원하는대로 있는지 확인하십시오. 디버깅은 느리고 시간이 많이 걸리고 불행히도 당신을 도울 수 없습니다. – pscl

+1

서버에서 샘플 응답을 제공 할 수 있습니까? 게시물에 추가하십시오. –

답변

0

구현이 정확하다고 보입니다. 누락 된 유일한 것은 누락 된 데이터를 json으로 구문 분석하는 것입니다. JSON으로 반환 된 데이터를 구문 분석, 성공 콜백 함수에

: 여기

는 당신이 그것을 할 방법입니다. 당신이 뭔가를 할 수 있습니다 :이 JSON.parse() 더 많은 것을 배울 수

success: function(data) { 
    var data = JSON.parse(data); 
    marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(data.LATITUDEX, data.LONGITITUDEX), 
      map: map 
    }); 
} 

확인합니다.

$.ajax({  
    url: 's_imp_open.php', 
    dataType: 'json', 
    success: function(data) { 
      // your map code here  
    } 
}); 

으로 Jquery AJAX documentation 당 :

dataType와

또는

이처럼 아약스 요청 특성에 dataType와 = 'JSON'을 추가함으로써 (def ault : Intelligent Guess (xml, json, script 또는 html) 유형 : 문자열 서버에서 예상하는 데이터 유형입니다. 아무 것도 지정하지 않으면 jQuery는 MIME 유형의 응답 (XML MIME 유형은 XML을 생성합니다. 1.에서 JSON은 JavaScript 객체를 생성합니다. 1.4 스크립트는 스크립트를 실행합니다. else는 문자열로 반환됩니다).