Google Maps API Javascript는 MySQL 테이블

Question

에서 변수로 데이터를 가져옵니다. 내 MySQL 데이터베이스 테이블에서 변수를 가져 오는 스크립트에서 작업하고 있습니다. heogle이 코딩하는 예제가 있습니다.

var beaches = [ 
    ['Bondi Beach', -33.890542, 151.274856, 4], 
]; 

지금 여기가 메신저,

내가 필드, ID와 테이블이 달성하려고하는 것입니다, 비치, 롱, 북위

어떻게에서 뽑아 해변 변수를 대체 할 것이다 MySQL 테이블에 들어가서 수동으로 변수에 해변을 추가하지 않아도됩니다. 그렇게하면 사용자가 내 양식을 통해 경도와 위도가있는 해변 이름을 DB에 추가하면 Google지도에 마커가 자동으로 추가됩니다.

내가 구글지도 API v3의 일부 AJAX를 사용 될 것

https://developers.google.com/maps/documentation/javascript/overlays#ComplexIcons

임 추측 메신저로 ComplexIcon 오버레이를 달성입니까? 나는 AJAX를 한번도 사용 해본 적이 없다. 그래서 나는 내 AJAX tuts를 더 잘 풀어 낸다고 생각한다. :)

Answer 1

사용자 브라우저의 자바 스크립트는 데이터베이스에 바로 올 수 없지만 귀하의 서버에 대한 데이터 및 AJAX는 동적 업데이트를 원한다면 갈 수있는 방법 일 수 있습니다. Google에 기사가 있습니다 : https://developers.google.com/maps/articles/phpsqlajax_v3

그러나 브라우저에 페이지를 보내면 마커 데이터를 가져와야 할 가능성이 높습니다. PHP 또는 다른 서버 측에서 페이지를 구성하여이를 수행 할 수 있습니다 비슷한 기술을 사용하여 데이터베이스에서 데이터를 가져 와서 페이지 코드에서 값을 직접 사용합니다.

사용자가 얻은 초기 페이지를 만들고 AJAX를 통해 업데이트하면 데이터가 변경되고 전체 페이지를 새로 고칠 필요가 없을 수도 있습니다.

[참고 : XML을 사용하여 데이터를 비동기 적으로 전송할 필요없이 JSON을 사용하여 형식을 지정하거나 코드 할 수있는 다른 형식을 사용할 수 있습니다. 그러나 XML은 쉽고 많은 예제가 있습니다.]

Answer 2

예, 아약스를 사용해야합니다. 예를 들어, 내가 jQuery를

$.ajax({ 
    url: formSubmitUrl, 
    data: 'id=1&lat=23.444...', 
    type: 'GET', 
    success: function (data) 
    { 
     // data = response from the script 
     // if every thing is ok, I return the string 'OK' 
     if(data == 'OK') 
     { 
      var pMarker = new google.maps.Marker({ 
       position: new google.maps.LatLng(lat, lng), 
       map: map, 
       icon: yourMarkerimage 
      }); 
     } 
    } 
}); 

를 사용합니다 그리고 모든 클라이언트 측에서입니다. AJAX를 통해 양식을 제출 한 다음지도에 마커를 추가하십시오.